Jquery FileUpload 插件，上传文件时执行的函数

最新推荐文章于 2021-04-07 20:19:03 发布

原创最新推荐文章于 2021-04-07 20:19:03 发布 · 5.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #插件

前台专栏收录该内容

32 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript实现文件上传功能，包括配置文件类型、数量限制、上传过程中的进度显示以及成功与失败的回调处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$("#fileuploader).fileupload({
   //dataType: 'json',
   autoUpload: true,
   acceptFileTypes:  /(\.|\/)(gif|jpe?g|png)$/i,
   maxNumberOfFiles : 1,
   url:ctx+'url',

   //添加文件，关闭“选择文件模态窗口”后执行
   add: function (e, data) {
       data.submit(); //this will 'force' the submit in IE < 10
   },

/******************************************************************/


   //data.submit()上传过程中执行
   progressall: function (e, data) {
       //进度条
       var progress = parseInt(data.loaded / data.total * 100, 10);
       $('#progress .bar').css(
           'width',
           progress + '%'
       );
   },

<pre name="code" class="javascript">/********************************************************************/

//done和fail只会执行其中一个，要么“成功”，要么“失败”！ //上传成功时执行 done:function(e,result){ },


   //添加失败时执行
   fail: function(e, data) {
                  //错误提示
     alert('Fail!');
   }

<pre name="code" class="javascript">/********************************************************************/

});