使用ajaxfileupload.js上传文件

最新推荐文章于 2024-08-15 09:27:35 发布

sunlizhen

最新推荐文章于 2024-08-15 09:27:35 发布

阅读量1.6k

点赞数

分类专栏：前端框架、插件

本文链接：https://blog.csdn.net/sunlizhen/article/details/88844370

版权

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

摘要由CSDN通过智能技术生成

首先就是引入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,这里修改为j