常用的JS插件介绍：2、ajaxFileUpload——异步上传

来源：互联网发布：华为没有网络怎么回事编辑：程序博客网时间：2024/06/10 09:03

ajaxFileUpload异步上传控件

github上目前有多款ajax 上传控件。

项目地址：

https://github.com/davgothic/AjaxFileUpload

使用方法：

首先引用js，
使用示例：

$("input#uploadId").change(function () {   $.ajaxFileUpload({     url: '/upload.html',          secureuri: false,          fileElementId: 'uploadId',          dataType: 'html',          data: {              file: $("#upoadId").val()          },          success: function (data, status) {              console.log(data);              return;          },          error: function (data, status, e) {              return;          }      });  });

连续上传的处理方法

连续上传要注意需要对file控件重新绑定

//上传图片$("#uploadId", $win).change(function () {    upChangeEvent();});function upChangeEvent() {    $.ajaxFileUpload({        url: '/Services/upload_json.ashx?path=sells',        secureuri: false,        fileElementId: 'uploadId',        dataType: 'json',        success: function (data, status) {            var data_obj = JSON.parse(data);           $("#uploadId",$win).unbind();               var $parent = $("input[name=imgFile]", $win).parent();               $parent.empty();               $parent.append("<input type=\"file\" name='imgFile' id=\"uploadId\"  />");               $("#uploadId", $win).change(function () {                   upChangeEvent();               });        },        error: function (data, status, e) {            console.log('error');            return;        }    });}

0 0