jQuery File Uploadで任意のタイミングであぷろーどさせたい。

環境は一式そろってて、改修が必要だった。

現行：ファイル選択後そのままアップロード処理実行

改修内容：「確認」ボタンを押してからアップロード処理実行

addってところで、確認ボタンが押されてからsubmitするよってことになります。

それだけ。

 

$('#csvupload').fileupload({

　dataType: 'json',
　url: $.seap.webroot + 'user_account/csv/import',
　add: function(e,data) {
　　data.context = $('.button_edit').click(function(){
　　　　data.submit();
　　});
　},
　done: function (e, data) {
　　if(data.result.length > 0) {
　　　var result = true;
　　　var done_msg = '';
　　　var fail_msg = '';
　　　for(var fi = 0; fi < data.result.length; fi++) {
　　　　result = result && data.result[fi]['success'];
	if(data.result[fi]['success'] == true) {
	　done_msg += "\n" + data.result[fi]['message'];
	} else {
	　fail_msg += "\n" + data.result[fi]['message'];
	}
　　　}
　　　if(result) {
	alert("アップロード完了" + done_msg);
	location.href = $.seap.webroot + 'user_account/';
　　　} else {
	alert("一括登録に失敗しました。" + fail_msg.replace('\\n','\n'));
	$('.filename').text('');
　　　}
　　　$('.csv_drop_field .label').html('');
　　　}
　　},
　　fail: function (e, data) {
　　　alert("アップロードに失敗しました");
　　　$('.csv_drop_field .label').html('');
　　},

　　progressall: function (e, data) {
　　　var progress = parseInt(data.loaded / data.total * 100, 10);
　　　var progresshtml = "アップロード中 : " + progress + "%";
　　　$('.csv_drop_field .label').html(progresshtml);
　　},
});
以下略。