首先就是引入js和ajaxfileupload的文件,这个不需要多说。
然后就是ajax请求后台地址。代码如下:
<div class="btn-file-box pos-rel">
<input type="file" id="upload" name="upload" style="font-size: 0;opacity: 0;width: 100%;height: 100%;position: absolute;left: 0;top: 0;"/>
<span class="btn ">选择文件</span>
</div>
前端代码:
$("#upload").on("change",function(){
$.ajaxFileUpload({
url : '/test/user/imgUpload',//后台请求地址
type: 'post',//请求方式 当要提交自定义参数时,这个参数要设置成post
secureuri : false,//是否启用安全提交,默认为false。
fileElementId : 'upload',// 需要上传的文件域的ID,即<input type="file">的ID。
dataType : 'json',//服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。如果json返回的带pre,这里修改为json即可解决。
success : function (json, status) {//提交成功后自动执行的处理函数,参数data就是服务器返回的数据。
alert(json.retMsg);
},
error : function (json, status, e) {//提交失败自动执行的处理函数。

本文介绍了如何使用ajaxfileupload.js进行文件上传。首先引入相关js库,然后在前端设置ajax请求,指定后台处理地址、请求方式、文件域ID等。在后台,使用ServletFileUpload解析请求并保存文件。同时,处理文件大小限制及返回json数据。注意在IE浏览器中可能出现返回值被当作文件下载的问题,需要调整dataType和响应头。
最低0.47元/天 解锁文章
754

被折叠的 条评论
为什么被折叠?



