AjaxFileUpload.js 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
AjaxFileUpload.js 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票

软件简介

jQuery.AjaxFileUpload.js是一款jQuery插件,用于通过ajax上传文件。

功能特点:

  • 不依赖于特定的HTML只要给一个<INPUTTYPE="file">

  • 它不需要你的服务器响应时指定任何特定方式

  • 可以对大批量文件进行操作

示例代码:

-- Use as little as --

    $('#one-specific-file').ajaxfileupload({
      'action': '/upload.php'
    });

-- or as much as --

    $('input[type="file"]').ajaxfileupload({
      'action': '/upload.php',
      'params': {
        'extra': 'info'
      },
      'onComplete': function(response) {
        console.log('custom handler for file:');
        alert(JSON.stringify(response));
      },
      'onStart': function() {
        if(weWantedTo) return false; // cancels upload
      },
      'onCancel': function() {
        console.log('no file selected');
      }
    });
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (10)

加载中
里面的代码跟我以前下载的AjaxFileUpload.js文件的代码区别好,不过更简洁了
2017/05/19 11:29
回复
举报
强烈推荐,简单好用 #AjaxFileUpload.js#
2016/04/13 17:15
回复
举报
Latest commit by jfeldstein 10 months ago #AjaxFileUpload.js#
2016/04/14 09:02
回复
举报
没有上传进度? #AjaxFileUpload.js#
2016/04/14 09:47
回复
举报
卧槽,一个星期前我就造了这么一个轮子... #AjaxFileUpload.js#
2016/04/14 09:52
回复
举报
红薯推荐的,应该不错 #AjaxFileUpload.js#
2016/04/14 13:11
回复
举报
有线程安全吗这种操作 #AjaxFileUpload.js#
2016/04/14 13:16
回复
举报
这东西本质上是form提交,只是做到了页面不刷新而已,和ajax没啥关系,dojo等库都有类似的功能 #AjaxFileUpload.js#
2016/04/15 08:39
回复
举报
不能跨域,直接Pass #AjaxFileUpload.js#
2016/04/17 09:12
回复
举报
这个怎么用啊 #AjaxFileUpload.js#
2016/04/25 15:12
回复
举报
更多评论
暂无内容
发表于大前端专区
2018/06/13 16:27

JQuery的ajaxFileUpload的使用 + SpringMVC

最近在工作中使用了Jquery的ajaxFileUpload的图片上传插件,感觉这种异步上传的方式非常好用接下来就介绍一下这个插件的使用。 通过查看插件的源码发现,插件的实现原理大概就是创建一个隐藏的表单和iframe然后用JS去提交,获得返回值 如图的提交方式: 第一步: 首先想要使用ajaxFileUpload插件必须要在html中引入两个j...

0
0
发表了博客
2018/08/07 14:49

jQuery插件之ajaxFileUpload API文档

ajaxFileUpload是一个异步上传文件的jQuery插件。 语法:$.ajaxFileUpload([options]) options参数说明: 1、url           上传处理程序地址。   2,fileElementId      需要上传的文件域的ID,即<input type="file">的ID。 3,secureuri        是否启用安全提交,默认为false。 4,dataType ...

0
0
发表于大前端专区
2017/11/22 10:41

ajaxFileUpload

ajaxFileUpload 报错jQuery.handleError is not a function解决方法

0
0
发表了博客
2018/09/29 10:53

jQuery插件之ajaxFileUpload上传文件或图片

我用的是这个:https://github.com/carlcarl/AjaxFileUpload 下载地址在这里:http://files.cnblogs.com/files/kissdodog/ajaxfileupload_JS_File.rar AjaxFileUpload.js并不是一个很出名的插件,只是别人写好的放......

0
0
发表于大前端专区
2015/04/22 09:27

jQuery插件AjaxFileUpload实现ajax文件上传

jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传。

0
0
发表了博客
2013/10/30 16:50

ajaxFileUpload文件

从网上下了个ajaxfileupload的文件,结果不支持ie,又出现各种问题,上网查了,修改了可以支持各种浏览器。 把代码贴在下面,以备后用: jQuery.extend({ createUploadIframe: function(id, uri) { //create frame var frameId = 'jUploadFrame' + id; ...

2
0
发表了博客
2013/11/26 10:36

JQuery、ajaxFileUpload、Struts2和注解异步上传文件

最近,公司要求做的一个项目涉及到文件上传,因为页面同时有四个上传按钮,要求是无页面刷新,所以想到了用Jquery的Ajax进行上传,但是由于本人 没查到JQuery的文件上传组件,因此就去网上搜索,找到了一个很好的组件ajaxFileUpload,利用此组件成功实现了异步文件上传!

7
20
发表了博客
2017/11/08 15:02

工作笔记-ajaxFileupload

ajaxFileupload 前台 <input type ="file" id="attach" name="files" > $.ajaxFileUpload( url:'', //用于文件上传的服务器端请求地址 secureuri: false, //是否需要安全协议,一般设置为false fileElementId: 'attach', //文件上传域的ID dataType: 'text', //返回值类型 一般设置为json error: function (data, statu...

0
0
发表了博客
2015/11/12 20:34

异步上传文件,ajax上传文件,jQuery插件之ajaxFileUpload

http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 一、ajaxFileUpload是一个异步上传文件的jQuery插件。 传一个不知道什么版本的上来,以后不用到处找了。 语法:$.ajaxFileUpload([options]) options参数说明: 1、url 上传处理程序地址。 2,fileElementId 需要上传的文件域的ID,即<input type="fi...

0
0
发表了博客
2018/11/14 14:27

C# js 文件上传 ajaxfileupload

需要注意的地方 这里文件域 必须有 id 和name <input type="file" name="file1" id="file1" style="width: 300px" /> 需要引入的js ajaxfileupload.js 做过修改 1 var uploadHelper = { 2 handleError: function (s, xhr, status, e) { 3 // If a local callback was specified, fire it 4 ...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2016/05/25 15:30

ajaxFileUpload进行文件上传时,总是进入error,怎么解决?

{"result":{"data":"u=1326159575,3027925806&fm=21&gp=0.jpg","msg":"上传成功","status":"success"}} 这是浏览器控制台上看到的数据,返回结果是有,并且上传图片成功,就是进入error中

2
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
10 评论
309 收藏
分享
返回顶部
顶部