需要的js文件
jquery.js
ajaxfileupload.js
上传文件标签 + 按钮
<input type="file" id="testFile" name="testFile" class="form-control">
<button type="button" onclick="ajaxFileUpload();" class="btn btn-info form-control">上传文件</button>
function ajaxFileUpload(){
// 加载信息
$.ajaxFileUpload({
url : 'url',
async : 'true',
secureuri : false , // 是否启动安全提交,默认false
fileElementId : 'testFile', // 文件控件id
dataType : 'json',
success : function(data){
// 成功
// * 在这里代码报错,会自行error里的方法
},
error : function(data,status,e){
// 失败
}
});
}
服务端用的springmvc
@RequestMapping("upload")
public @ResponseBody String upload(@RequestParam MultipartFile testFile){
// 判断空
testFile.isEmpty();
// 获取文件名(包含后缀)
String fileName = testFile.getOriginalFilename();
// 获取文件格式(后缀)
String fileType = fileName.substring(fileName.lastIndexOf("."));
return "返回信息";
}
- ajaxFileUpload方法里 success 方法里面报错,会执行error 方法。
关于ajaxFileUpload图片上传,success和error都触发的情况
https://blog.youkuaiyun.com/u010142642/article/details/50245303