spring MVC配合ajaxFileUpload 上传文件。
想要使用ajaxFileUpload来上传文件,必须引入jquery和ajaxfileupload.js才行。
view端form的enctype="multipart/form-data"要设定好,<input type="file" name="uploadFile" id="uploadFile">这里file控件的ID设置为uploadFile,这个一会儿会用到。
//点击上传按钮,触发事件
function uploadCsvFile(){
$.ajaxFileUpload({
//上传的URL
url : "uploadListData",
secureuri : false,
//除了文件以外还需要传进去一些字段
data : {
api_token : document.ExcelDownUploadForm.api_token.value
},
//这里的fileElementId就是之前页面上file控件的ID
fileElementId : "uploadFile",
//指定返回的类型是json
dataType: 'json',
//成功的回调方法
success:function(retdata) {
if (retdata.successCode == '1') {
document.getElementById("uploadErrorMessageSpanId").innerHTML="";
document.getElementById("uploadAlertMessageSpanId").innerHTML=retdata.successMessage[0];
} else if (retdata.failureCode = '1') {
document.getElementById("uploadAlertMessageSpanId").innerHTML="";
document.getElementById("uploadErrorMessageSpanId").innerHTML=retdata.failureMessage[0];
}
},
//失败的回调方法
error : function(retdata, status, e) {
alert(e);
}
});
}
//springMVC
@RequestMapping(value = "/uploadListData")
@ResponseBody
public void uploadListData(Model model,@RequestParam(value = "uploadFile", required = false) MultipartFile file, HttpServletResponse response) throws Exception {
//不设置ContentType,页面上会提示你下载,所以只能自己往response里面写json
response.setContentType("text/html; charset=utf-8");
PrintWriter out = null;
//这里用了jackson生成json串
ObjectMapper mapper = new ObjectMapper();
mapper.configure(SerializationConfig.Feature.INDENT_OUTPUT, Boolean.TRUE);
String json = mapper.writeValueAsString(responseJsonVO);
try {
out = response.getWriter();
out.append(json);
} catch (IOException e) {
e.printStackTrace();
} finally {
if (out != null) {
out.close();
}
}
}
相关推荐
NULL 博文链接:https://star77266989.iteye.com/blog/2183678
在使用easyUI做前端样式展示时,遇到了文件上传的问题,而且是在弹出层中提交表单,想做到不刷新页面,所以选择了使用ajaxFileUpload插件。下面通过本文给大家分享springMVC + easyui + $.ajaxFileUpload实现文件...
此为前端进行文件上传,使用Ajax方式提交的js插件,使用方便简洁,开发很高效。
AJAXFileUpload ajax 异步文件上传 进度条AJAXFileUpload ajax 异步文件上传 进度条
ajaxfileupload.js用于文件上传
ajaxfileupload juqery页面无刷新异步上传插件 cdsn找了N多个都不行,官网下载的也不可以、免费开源的就是这样没保障 IE7下测试通过,因为系统只支持IE所以已融入系统 上传以备用 示例: $.ajaxFileUpload({ url:'...
ajaxFileUpload.js上传文件 的简单例子源码.... 方便大家学习 详细请看:https://blog.csdn.net/djk8888/article/details/114132071
NULL 博文链接:https://chexiazi.iteye.com/blog/2329638
文件上传几乎是每个项目所必须的,这里介绍Asp.net MVC结合Jquery ajaxfileupload实现文件上传,兼容主流浏览器
ajaxfileupload AJAX文件上传
ajaxFileUpload插件在IE9中的bug(在IE9中不能上传)修复,将该js替换原来的ajaxFileUpload.js
ajaxFileUpload.js 无刷新上传图片,支持多个参数同时上传,支持 ie6-ie10
用ajax的ajaxfileupload.js插件上传文件发现不支持IE9, 后来改了文件里的一些代码后可以了。 就拿出来共享。。。
AjaxFileUpload实现文件异步上传(功能实现代码).rar AjaxFileUpload实现文件异步上传, 文件域添加change事件,改变文件域时执行上传文件功能 $("#upload-excel-file").bind("change", function() { $....
ajax+jquery+struct+ajaxfileupload有增删改功能上传文件例子
NULL 博文链接:https://wangjinlongaisong-126-com.iteye.com/blog/2256622