easyui filebox+ajaxfileupload非同期アップロードを実現
8596 ワード
プロジェクトの複数のファイルのアップロードがアップロードの総ファイルサイズに等しいため、異常なアップロードファイルで処理しようとしたが、ネット上でいくつかの資料を探して持ってきて直接使うことができなかった.いくつかの問題が発生しましたjsエラーjQuery.handleError is not a functionは、jqueryバージョン1.4.2以前のバージョンでhandlerErrorメソッドがあるため、またeaysui fileboxがidを取得できないため、$(「input[name='testDoc']」).attr("id");このように取得して、自分で整理して、テストに成功しました
構文:$.ajaxFileUpload([options])
optionsパラメータの説明:
1、urlアップロードプロセッサアドレス.2,file ElementIdは、アップロードするファイルドメインのID、すなわちIDを必要とする.3、secureuriは安全なコミットを有効にするかどうか、デフォルトはfalseです.4,dataTypeサーバが返すデータ型.xml、script、json、htmlです.記入しないとjQueryは自動的に判断します.5,successコミット成功後に自動的に実行される処理関数であり,パラメータdataはサーバが返すデータである.6,errorは失敗して自動的に実行される処理関数をコミットする.7,dataカスタムパラメータ.これは役に立つので、アップロードした画像に関連するデータがある場合は、これを使います.8,typeカスタムパラメータをコミットする場合、このパラメータをpostに設定します.
jspコード
構文:$.ajaxFileUpload([options])
optionsパラメータの説明:
1、urlアップロードプロセッサアドレス.2,file ElementIdは、アップロードするファイルドメインのID、すなわちIDを必要とする.3、secureuriは安全なコミットを有効にするかどうか、デフォルトはfalseです.4,dataTypeサーバが返すデータ型.xml、script、json、htmlです.記入しないとjQueryは自動的に判断します.5,successコミット成功後に自動的に実行される処理関数であり,パラメータdataはサーバが返すデータである.6,errorは失敗して自動的に実行される処理関数をコミットする.7,dataカスタムパラメータ.これは役に立つので、アップロードした画像に関連するデータがある場合は、これを使います.8,typeカスタムパラメータをコミットする場合、このパラメータをpostに設定します.
jspコード
:
jsコードvar testDoc= $("input[name='testDoc']").attr("id");
$.ajaxFileUpload({
url: ivs.root + '/qism/rest/consignation/saveTestDoc',
secureuri: false, //
fileElementId: testDoc,
dataType: 'json',
type:'post',
success : function (data) {
if(data.successful){
console.log(data);
$('#testDocName').val(data.tag.fileName);
$('#testDocPath').val(data.tag.filePath);
$('#frmConsignationApplyDetail').submit();
}else{
$.messager.alert(" ", data.message);
}
}
});
サービス・エンド・コード:@RequestMapping("/saveTestDoc")
@RawResponseBody
public Object saveTestDoc(HttpServletRequest request){
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
CommonsMultipartFile testDoc = (CommonsMultipartFile) multipartRequest.getFile("testDoc");
OptionResult result = null;
if(testDoc!=null && StringUtils.isNotBlank(testDoc.getOriginalFilename())){
try {
//
String fileName = testDoc.getOriginalFilename();
//
String contextRealPath = PlatformConfigUtil.getString("UPLOADFILESAVEPATH");
String uuid = GenerateSequenceUtil.generateSequenceNo();
String extension = fileName
.substring(fileName.lastIndexOf('.') + 1);
String filePath = DateFormatUtils.format(new Date(),
"yyyy/MM/dd") + File.separator + uuid + "." + extension;
String fileAllPath = contextRealPath + filePath;
InputStream inputStream = testDoc.getInputStream();
FileUtil.copyFile(inputStream, fileAllPath);
result = new OptionResult(true, " ");
Map map = new HashMap();
map.put("filePath", filePath);
map.put("fileName", fileName);
result.setTag(map);
} catch (Exception e) {
return new OptionResult(false, " ").toJson();
}
}
return result.toJson();
}
ajaxfileupload.js jQuery.extend({
createUploadIframe : function(id, uri) {
var frameId = 'jUploadFrame' + id;
var iframeHtml = '