js ajax上传file文件上传,使用ajaxfileupload.js实现上传文件功能

使用ajaxfileupload.js实现上传文件功能

2019-01-01

编程之家

https://www.jb51.cc

编程之家收集整理的这篇文章主要介绍了使用ajaxfileupload.js实现上传文件功能，编程之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

一直以来上传文件都是使用form表单上传文件，也看到过有人使用js上传文件，不过看起来蛮简单的也就没有怎么去理会。今天突然要使用这种方式上传文件，期间还遇到点问题。因此就记录下来，方便以后遇到这样的问题可以查看。

首先就是引入js和ajaxfileupload的文件，这个不需要多说。

然后就是ajax请求后台地址。代码如下：

Box pos-rel">

文件

$("#upload").on("change",function(){

$.ajaxFileUpload({

url : '/test/user/imgUpload',//后台请求地址

type: 'post',//请求方式 当要提交自定义参数时，这个参数要设置成post

secureuri : false,//是否启用安全提交，默认为false。

fileElementId : 'upload',// 需要上传的文件域的ID，即的ID。

dataType : 'json',//服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。如果json返回的带pre,这里修改为json即可解决。

suc