jQuery插件ajaxFileUpload实现异步上传文件效果

ajaxFileUpload.js 很多同名的,因为做出来一个很容易。
我用的是这个:https://github.com/carlcarl/AjaxFileUpload
下载地址在这里:

前言:

在项目开发中用到了异步文件上传,并返回文件上传的状态,由于之前使用的是form表单进行文件的上传,不能实现该需求,所以使用了ajaxfileupload.js进行开发。

有些小伙伴没有耐心看到最后,那就直接告诉你们结果吧,替换这个版本的ajaxfileupload.js就可以解决这个问题!

ajaxfileupload.js下载地址(这是本人已经修改过的,可以正常解析data):

http://download.csdn.net/download/m0\_37770508/10107675

ajaxFileUpload是一个异步上传文件的jQuery插件。

一、ajaxFileUpload是一个异步上传文件的jQuery插件。

jQuery插件ajaxFileUpload实现异步上传文件效果,jqueryajax异步

ajaxFileUpload是一个异步上传文件的jQuery插件。

  传一个不知道什么版本的上来,以后不用到处找了。

  语法:$.ajaxFileUpload([options])

  options参数说明:

1、url            上传处理程序地址。  
2,fileElementId       需要上传的文件域的ID,即<input
type=”file”>的ID。
3,secureuri        是否启用安全提交,默认为false。
4,dataType       
服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。
5,success        提交成功后自动执行的处理函数,参数data就是服务器返回的数据。
6,error          提交失败自动执行的处理函数。
7,data          
自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。
8, type            当要提交自定义参数时,这个参数要设置成post

错误提示:

1,SyntaxError: missing ; before statement错误
  如果出现这个错误就需要检查url路径是否可以访问
2,SyntaxError: syntax error错误
  如果出现这个错误就需要检查处理提交操作的服务器后台处理程序是否存在语法错误
3,SyntaxError: invalid property id错误
  如果出现这个错误就需要检查文本域属性ID是否存在
4,SyntaxError: missing } in XML expression错误
  如果出现这个错误就需要检查文件name是否一致或不存在
5,其它自定义错误

大家可使用变量$error直接打印的方法检查各参数是否正确,比起上面这些无效的错误提示还是方便很多。

以上所述就是本文的全部内容了,希望大家能够喜欢。

ajaxFileUpload是一个异步上传文件的jQuery插件。
传一个不知道什么版本的上来,以后…

AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放出来供大家用,原理都是创建隐藏的表单和iframe然后用JS去提交,获得返回值。

开发准备:

ajaxfileupload.js下载地址:http://download.csdn.net/download/m0\_37770508/10107675

  传一个不知道什么版本的上来,以后不用到处找了。

传一个不知道什么版本的上来,以后不用到处找了。

当初做了个异步上传的功能,选择它因为它的配置方式比较像jQuery的AJAX,我很喜欢。

具体使用步骤:

  语法:$.ajaxFileUpload([options])

语法:$.ajaxFileUpload([options])

评论里面说到的不行。那是因为我们用的不是同一个js。我上github搜AjaxFileUpload出来很多类似js。

1、在页面中引入ajaxfileupload.js

<!– 文件上传ajax –>

<script src=”../static/js/ajaxfileupload.js%20″></script>

  options参数说明:

options参数说明:

ajaxFileUpload是一个异步上传文件的jQuery插件

2、为文件上传按钮添加onclick事件

<button type=”button” id=”uploadButton” class=”btn btn-default”
disabled=”false” onclick=”ajaxFileUpload()”>上传</button>

1、url            上传处理程序地址。  
2,fileElementId       需要上传的文件域的ID,即<input
type=”file”>的ID。
3,secureuri        是否启用安全提交,默认为false。
4,dataType       
服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。
5,success        提交成功后自动执行的处理函数,参数data就是服务器返回的数据。
6,error          提交失败自动执行的处理函数。
7,data          
自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。
8, type            当要提交自定义参数时,这个参数要设置成post

1、url            上传处理程序地址。  
2,fileElementId       需要上传的文件域的ID,即<input
type=”file”>的ID。
3,secureuri        是否启用安全提交,默认为false。
4,dataType       
服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。
5,success        提交成功后自动执行的处理函数,参数data就是服务器返回的数据。
6,error          提交失败自动执行的处理函数。
7,data          
自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。
8, type            当要提交自定义参数时,这个参数要设置成post

传一个不知道什么版本的上来,以后不用到处找了。

3、编写调用方法

function ajaxFileUpload() {

    var newly_title =
$(“#newly_title”).val();//此为传递参数,视需求编写    
//核心部分如下!!!:         

    $.ajaxFileUpload({

        url: “/upload?newly_title=”+newly_title,//请求后台方法
       

        type: ‘post’,                           //选择提交方式get/post
       

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

        fileElementId: ‘file’,                  html中文件提交按钮的id
         

        dataType: ‘text’,                      
//数据提交类型:text、json、jsonp等        

        success: function (data) {            
 //请求返回后对数据的处理            

            if(data==”success”){                                 

                $(“#success”).modal(‘show’);                

                $(“#upload”).modal(‘hide’);                

                setTimeout(‘location.reload()’,1000);            

            }else{                

                $(“#fail”).modal(‘show’);                

                $(“#err_message”).text(data);            

            }        

        }    

    });

}

错误提示:

错误提示:

语法:$.ajaxFileUpload([options])

4、使用中常见的错误以及解决办法

①返回data不能进行正常解析:

如果在ajax的dataType设置为非text类型时,ajaxfileupload返回的data

并非为json格式,而是在json外层包裹了一层<pre>标签,导致不能正确解析该json。具体解决办法如下:

(修改ajaxfileupload.js源码,若不想修改可直接下载上面链接中的我自己使用的已经修改过的ajaxfileupload.js)

:将ajaxfileupload.js中的:

if ( type == “json” ) { eval( “data = ” + data); }

替换为:

if ( type == “json” ){ data = jQuery.parseJSON(jQuery(data).text()); }

(直接处理前台返回的数据,利用正则表达式)

var reg = /(.+)<\/pre>/g;

var result = data.match(reg);

data = RegExp.$1;

②ajax请求返回后执行error操作(报错为)

正常操作,可ajax返回进入error中。有可能因为jquery版本和ajaxfileupload.js的版本兼容问题,还有一种原因是由于请求返回非json值有关。具体解决办法如下:

(版本问题,报错为:jQuery.handleError is not a function)

由于ajaxfileupload.js是在jquery1.4.2版本之前写的,Jquery之后的版本已经没有了handleError方法,所以可以将1.4.2版本中的该方法复制到该js中。

(返回非json格式数据问题)

解决办法参照①中即可

1,SyntaxError: missing ; before statement错误
  如果出现这个错误就需要检查url路径是否可以访问
2,SyntaxError: syntax error错误
  如果出现这个错误就需要检查处理提交操作的服务器后台处理程序是否存在语法错误
3,SyntaxError: invalid property id错误
  如果出现这个错误就需要检查文本域属性ID是否存在
4,SyntaxError: missing } in XML expression错误
  如果出现这个错误就需要检查文件name是否一致或不存在
5,其它自定义错误

1,SyntaxError: missing ; before statement错误
  如果出现这个错误就需要检查url路径是否可以访问
2,SyntaxError: syntax error错误
  如果出现这个错误就需要检查处理提交操作的服务器后台处理程序是否存在语法错误
3,SyntaxError: invalid property id错误
  如果出现这个错误就需要检查文本域属性ID是否存在
4,SyntaxError: missing } in XML expression错误
  如果出现这个错误就需要检查文件name是否一致或不存在
5,其它自定义错误
  大家可使用变量$error直接打印的方法检查各参数是否正确,比起上面这些无效的错误提示还是方便很多。

options参数说明:

扩展:

ajax中的dataType中的json和jsonp类型的区别和联系:

http://www.cnblogs.com/iovec/p/5312464.html

ajaxfileupload.js下载地址(这是本人已经修改过的,可以正常解析data):

http://download.csdn.net/download/m0\_37770508/10107675

大家可使用变量$error直接打印的方法检查各参数是否正确,比起上面这些无效的错误提示还是方便很多。

使用方法:

1、url            上传处理程序地址。  
2,fileElementId       需要上传的文件域的ID,即<input
type=”file”>的ID。
3,secureuri        是否启用安全提交,默认为false。
4,dataType       
服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。
5,success        提交成功后自动执行的处理函数,参数data就是服务器返回的数据。
6,error          提交失败自动执行的处理函数。
7,data          
自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。
8, type            当要提交自定义参数时,这个参数要设置成post

以上所述就是本文的全部内容了,希望大家能够喜欢。

第一步:先引入jQuery与ajaxFileUpload插件。注意先后顺序,这个不用说了,所有的插件都是这样。

错误提示:

您可能感兴趣的文章:

  • jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
  • jQuery插件ajaxFileUpload异步上传文件
  • jquery之ajaxfileupload异步上传插件(附工程代码)
  • ajax图片上传,图片异步上传,更新实例
  • php+ajax实现异步上传文件或图片功能
  • asp.net+ajaxfileupload.js
    实现文件异步上传代码分享
  • JQuery插件ajaxfileupload.js异步上传文件实例
  • 解析ajaxFileUpload
    异步上传文件简单使用
  • Ajax异步上传文件实例代码分享
  • ASP.NET中MVC使用AJAX调用JsonResult方法并返回自定义错误信息
  • ajax实现文件异步上传并回显文件相关信息功能示例

复制代码 代码如下:

1、SyntaxError: missing ; before statement错误
  如果出现这个错误就需要检查url路径是否可以访问
2、SyntaxError: syntax error错误
  如果出现这个错误就需要检查处理提交操作的服务器后台处理程序是否存在语法错误
3、SyntaxError: invalid property id错误
  如果出现这个错误就需要检查文本域属性ID是否存在
4、SyntaxError: missing } in XML expression错误
  如果出现这个错误就需要检查文件name是否一致或不存在
5、其它自定义错误
  大家可使用变量$error直接打印的方法检查各参数是否正确,比起上面这些无效的错误提示还是方便很多。

<script src=”jquery-1.7.1.js”
type=”text/javascript”></script>
<script src=”ajaxfileupload.js”
type=”text/javascript”></script>

使用方法:

第二步:HTML代码:

第一步:先引入jQuery与ajaxFileUpload插件。注意先后顺序,这个不用说了,所有的插件都是这样。

复制代码 代码如下:

 <script src="jquery-1.7.1.js" type="text/javascript"></script>
 <script src="ajaxfileupload.js" type="text/javascript"></script>

<body>
    <p><input type=”file” id=”file1″ name=”file”
/></p>
    <input type=”button” value=”上传” />
    <p><img id=”img1″ alt=”上传成功啦” src=”” /></p>
</body>

第二步:HTML代码:

第三步:JS代码

<body>
 <p><input type="file" id="file1" name="file" /></p>
 <input type="button" value="上传" />
 <p><img id="img1" alt="上传成功啦" src="" /></p>
</body>

复制代码 代码如下:

第三步:JS代码

<script src=”jquery-1.7.1.js”
type=”text/javascript”></script>
    <script src=”ajaxfileupload.js”
type=”text/javascript”></script>
    <script type=”text/javascript”>
        $(function () {
            $(“:button”).click(function () {
                ajaxFileUpload();
            })
        })
        function ajaxFileUpload() {
            $.ajaxFileUpload
            (
                {
                    url: ‘/upload.aspx’,
//用于文件上传的服务器端请求地址
                    secureuri: false,
//是否需要安全协议,一般设置为false
                    fileElementId: ‘file1’, //文件上传域的ID
                    dataType: ‘json’, //返回值类型 一般设置为json
                    success: function (data, status) 
//服务器成功响应处理函数
                    {
                        $(“#img1”).attr(“src”, data.imgurl);
                        if (typeof (data.error) != ‘undefined’) {
                            if (data.error != ”) {
                                alert(data.error);
                            } else {
                                alert(data.msg);
                            }
                        }
                    },
                    error: function (data, status,
e)//服务器响应失败处理函数
                    {
                        alert(e);
                    }
                }
            )
            return false;
        }
    </script>

 <script src="jquery-1.7.1.js" type="text/javascript"></script>
 <script src="ajaxfileupload.js" type="text/javascript"></script>
 <script type="text/javascript">
 $(function () {
 $(":button").click(function () {
 ajaxFileUpload();
 })
 })
 function ajaxFileUpload() {
 $.ajaxFileUpload
 (
 {
 url: '/upload.aspx', //用于文件上传的服务器端请求地址
 secureuri: false, //是否需要安全协议,一般设置为false
 fileElementId: 'file1', //文件上传域的ID
 dataType: 'json', //返回值类型 一般设置为json
 success: function (data, status) //服务器成功响应处理函数
 {
 $("#img1").attr("src", data.imgurl);
 if (typeof (data.error) != 'undefined') {
 if (data.error != '') {
 alert(data.error);
 } else {
 alert(data.msg);
 }
 }
 },
 error: function (data, status, e)//服务器响应失败处理函数
 {
 alert(e);
 }
 }
 )
 return false;
 }
 </script>

第四步:后台页面upload.aspx代码:

第二个例子

复制代码 代码如下:

使用ajaxFileUpload上传文件时,有时需要带参数提交,网上有很多资料说使用data,但其实要使用data带参数是需要修改的,否则后台是获取不到的.

protected void Page_Load(object sender, EventArgs e)
        {
            HttpFileCollection files = Request.Files;
            string msg = string.Empty;
            string error = string.Empty;
            string imgurl;
            if (files.Count > 0)
            {
                files[0].SaveAs(Server.MapPath(“/”) +
System.IO.Path.GetFileName(files[0].FileName));
                msg = ” 成功! 文件大小为:” + files[0].ContentLength;
                imgurl = “/” + files[0].FileName;
                string res = “{ error:'” + error + “‘, msg:'” + msg +
“‘,imgurl:'” + imgurl + “‘}”;
                Response.Write(res);
                Response.End();
            }
        }

分析原因:

本实例完整代码下载

ajaxFileUpload为了实现无刷新异步提交文件,构建 iframe 然后创建form表单
再将要上传的文件写上去再提交.但是原代码
却没有处理data.所以这块内容需要我们自己加上去.
下面红色部分为修改ajaxFileUpload.js的三处地方:

来一个MVC版本的实例:

备注:好像csdn代码中加颜色加粗 
有问题这三处修改的地方我直接贴出来,位置看下面的代码,

控制器代码

①createUploadForm: function(id,
fileElementId,data);

复制代码 代码如下:

②if (data) {
        for (var i in data) {
            $(‘<input type=”hidden” name=”‘ + i + ‘” value=”‘ +
data[i] + ‘” />’).appendTo(form);
        }
    }

public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

③var form = jQuery.createUploadForm(id,
s.fileElementId,s.data);

        public ActionResult Upload()
        {
            HttpFileCollection hfc =
System.Web.HttpContext.Current.Request.Files;
            string imgPath = “”;
            if (hfc.Count > 0)
            {
                imgPath = “/testUpload” + hfc[0].FileName;
                string PhysicalPath = Server.MapPath(imgPath);
                hfc[0].SaveAs(PhysicalPath);
            }
            return Content(imgPath);
        }
    }

ajaxFileUpload为了实现无刷新异步提交文件,构建 iframe 然后创建form表单
再将要上传的文件写上去再提交.但是原代码
却没有处理data.所以这块内容需要我们自己加上去.
下面红色部分为修改ajaxFileUpload.js的三处地方:
备注:好像csdn代码中加颜色加粗 
有问题这三处修改的地方我直接贴出来,位置看下面的代码,

前端视图,HTML与JS代码,成功上传后,返回图片真实地址并绑定到<img>的SRC地址

createUploadForm: function(id, fileElementId,data);

if (data) { 
 for (var i in data) { 
 $('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form);
 } 
 }

var form = jQuery.createUploadForm(id, s.fileElementId,s.data);

复制代码 代码如下:

如何使用它呢?

<html>
<head>
    <script src=”/jquery-1.7.1.js”
type=”text/javascript”></script>
    <script src=”/ajaxfileupload.js”
type=”text/javascript”></script>
    <script type=”text/javascript”>
        $(function () {
            $(“:button”).click(function () {
                if ($(“#file1”).val().length > 0) {
                    ajaxFileUpload();
                }
                else {
                    alert(“请选择图片”);
                }
            })
        })
        function ajaxFileUpload() {
            $.ajaxFileUpload
            (
                {
                    url: ‘/Home/Upload’,
//用于文件上传的服务器端请求地址
                    secureuri: false, //一般设置为false
                    fileElementId: ‘file1’, //文件上传空间的id属性 
<input type=”file” id=”file” name=”file” />
                    dataType: ‘HTML’, //返回值类型 一般设置为json
                    success: function (data, status) 
//服务器成功响应处理函数
                    {
                        alert(data);
                        $(“#img1”).attr(“src”, data);
                        if (typeof (data.error) != ‘undefined’) {
                            if (data.error != ”) {
                                alert(data.error);
                            } else {
                                alert(data.msg);
                            }
                        }
                    },
                    error: function (data, status,
e)//服务器响应失败处理函数
                    {
                        alert(e);
                    }
                }
            )
            return false;
        }
    </script>
</head>
<body>
    <p><input type=”file” id=”file1″ name=”file”
/></p>
    <input type=”button” value=”上传” />
    <p><img id=”img1″ alt=”上传成功啦” src=”” /></p>
</body>
</html>

$.ajaxFileUpload({
url: 'http://localhost:8080/HNUST/crawler/ordinary2', 
type: 'post',
data : {
url : url,
keyword : keyword,
rule : rule,
data : data,
sign:sign
},
secureuri: false, //一般设置为false
fileElementId: 'file', // 上传文件的id、name属性名
dataType: 'JSON', //返回值类型,一般设置为json、application/json 这里要用大写 不然会取不到返回的数据
success: function(data, status){ 
alert(data);
},
error: function(data, status, e){ 
alert(e);
}
}); 

 最后再来一个上传图片且附带参数的实例:控制器代码:

html:
<input type=”file” id=”file”
name=”file”>
java:java后台 获取参数还是正常获取:

复制代码 代码如下:

String url=request.getParameter("url");
String keyword=request.getParameter("keyword");

public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

获取文件并分行读取(非图片):

        public ActionResult Upload()
        {
            NameValueCollection nvc =
System.Web.HttpContext.Current.Request.Form;

MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request; 
MultipartFile multipartFile = multipartRequest.getFile("file"); //这个file要与fileElementId一致

try {
InputStream inputStream=multipartFile.getInputStream();
BufferedReader reader = new BufferedReader(new InputStreamReader(inputStream));
String tempString = null;

// 一次读入一行,直到读入null为文件结束
while ((tempString = reader.readLine()) != null) {
fileList.add(tempString); 
}
} catch (IOException e2) {
// TODO Auto-generated catch block
e2.printStackTrace();
}

            HttpFileCollection hfc =
System.Web.HttpContext.Current.Request.Files;
            string imgPath = “”;
            if (hfc.Count > 0)
            {
                imgPath = “/testUpload” + hfc[0].FileName;
                string PhysicalPath = Server.MapPath(imgPath);
                hfc[0].SaveAs(PhysicalPath);
            }
            //注意要写好后面的第二第三个参数
            return Json(new { Id = nvc.Get(“Id”), name =
nvc.Get(“name”), imgPath1 = imgPath },”text/html”,
JsonRequestBehavior.AllowGet);
        }
    }

使用过程中有两点需要注意的地方:
其一,dataType必须要大写;
其二,在data的值要写成json的格式,否则后台无法接受参数

Index视图代码:

更多精彩内容请参考专题《ajax上传技术汇总》,《javascript文件上传操作汇总》和《jQuery上传操作汇总》进行学习。

复制代码 代码如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

<html>
<head>
    <script src=”/jquery-1.7.1.js”
type=”text/javascript”></script>
    <script src=”/ajaxfileupload.js”
type=”text/javascript”></script>
    <script type=”text/javascript”>
        $(function () {
            $(“:button”).click(function () {
                if ($(“#file1”).val().length > 0) {
                    ajaxFileUpload();
                }
                else {
                    alert(“请选择图片”);
                }
            })
        })
        function ajaxFileUpload() {
            $.ajaxFileUpload
            (
                {
                    url: ‘/Home/Upload’,
//用于文件上传的服务器端请求地址
                    type: ‘post’,
                    data: { Id: ‘123’, name: ‘lunis’ },
//此参数非常严谨,写错一个引号都不行
                    secureuri: false, //一般设置为false
                    fileElementId: ‘file1’, //文件上传空间的id属性 
<input type=”file” id=”file” name=”file” />
                    dataType: ‘json’, //返回值类型 一般设置为json
                    success: function (data, status) 
//服务器成功响应处理函数
                    {
                        alert(data);
                        $(“#img1”).attr(“src”, data.imgPath1);
                        alert(“你请求的Id是” + data.Id + ”     ” +
“你请求的名字是:” + data.name);
                        if (typeof (data.error) != ‘undefined’) {
                            if (data.error != ”) {
                                alert(data.error);
                            } else {
                                alert(data.msg);
                            }
                        }
                    },
                    error: function (data, status,
e)//服务器响应失败处理函数
                    {
                        alert(e);
                    }
                }
            )
            return false;
        }
    </script>
</head>
<body>
    <p><input type=”file” id=”file1″ name=”file”
/></p>
    <input type=”button” value=”上传” />
    <p><img id=”img1″ alt=”上传成功啦” src=”” /></p>
</body>
</html>

您可能感兴趣的文章:

  • jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
  • jquery之ajaxfileupload异步上传插件(附工程代码)
  • ajax图片上传,图片异步上传,更新实例
  • php+ajax实现异步上传文件或图片功能
  • jQuery插件ajaxFileUpload实现异步上传文件效果
  • asp.net+ajaxfileupload.js
    实现文件异步上传代码分享
  • JQuery插件ajaxfileupload.js异步上传文件实例
  • 解析ajaxFileUpload
    异步上传文件简单使用
  • Ajax异步上传文件实例代码分享
  • ASP.NET中MVC使用AJAX调用JsonResult方法并返回自定义错误信息
  • ajax实现文件异步上传并回显文件相关信息功能示例

此实例在显示出异步上传图片的同时并弹出自定义传输的参数。本实例下载地址

2013年1月28日,今天调试过程中发现一个问题,就是作为文件域(<input
type=”file”>)必须要有name属性,如果没有name属性,上传之后服务器是获取不到图片的。如:正确的写法是<input
type=”file” id=”file1″ name=”file1″ />

2013年1月28日,最经典的错误终于找到原因所在了。Object function
(a,b){return new e.fn.init(a,b,h)} has no method
‘handleError’,这个是google浏览器报的错误,非常经典,
不知道是我的版本问题还是真正存在的问题。这个问题的根源经过N次上传才找到问题的根本所在。答案是:dataType参数一定要大写。如:dataType:
‘HTML’。

您可能感兴趣的文章:

  • 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
  • 利用ajaxfileupload插件实现文件上传无刷新的具体方法
  • 使用ajaxfileupload.js实现ajax上传文件php版
  • ajaxFileUpload.js插件支持多文件上传的方法
  • PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁
  • ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法
  • jquery之ajaxfileupload异步上传插件(附工程代码)
  • jQuery插件ajaxFileUpload异步上传文件
  • jQuery插件ajaxfileupload.js实现上传文件
  • ajaxFileupload实现多文件上传功能

相关文章