导航

常见插件总结(一) 文件上传

Posted on 2015-04-27 15:31  勤奋积累  阅读(504)  评论(0)    收藏  举报 
1 1.文件上传插件：http://plugins.krajee.com/file-input
　　<form class="form-horizontal" enctype="multipart/form-data">
　　　　<input id="csvFile" type="file" name="csvFile" data-filename-placement="inside">
　　</form>
 1     $("#csvFile").fileinput({
 2         uploadUrl: CONTEXT_PATH + '/card/doBatchCreateSignatureCards.action', 
 3         allowedFileExtensions : ['csv'],
 4         overwriteInitial: false,
 5         maxFileSize: 10000,
 6         maxFilesNum: 1,
 7         showPreview: false,
 8         multiple: false,
 9     }).on('filebatchuploadsuccess', function(event, data) {
10         var response = data.response;
11         if (response.success) {
12             poupTopNotify(upload_csvfile_success, POUP_STYLE_SUCCESS);
13         } else {
14             var invalidRows = response.invalidRows.join(",");
15             var errorMsg = sprintf(getLocalizeStr('E' + response.error));
16             var msg = sprintf(upload_csvfile_fail, invalidRows, errorMsg, response.error);
17             poupTopNotify(msg, POUP_STYLE_WARNING);
18         }
19     }).on('filebatchuploaderror', function(event, data) {
20         var response = data.response;
21         $("#csvFile").fileinput('reset');
22         var invalidRows = response.invalidRows.join(",");
23         var errorMsg = sprintf(getLocalizeStr('E' + response.error));
24         var msg = sprintf(upload_csvfile_fail, invalidRows, errorMsg, response.error);
25         poupTopNotify(msg, POUP_STYLE_WARNING);
26     });