jQuery异步上传插件 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
jQuery异步上传插件 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 Apache
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 国产
提 交 者 xwz
适用人群 未知
收录时间 2012-06-13

软件简介

jQuery异步上传, 其使用原理是iframe.

特点:

  1. 小巧
  2. 简单
使用方法
1 在页面引入jquery.upload js
2 代码

// upload_img 为一个按钮, 点击时选择文件上传
$("#upload_img").click(function() {
        // 上传方法
        $.upload({
                // 上传地址
                url: '/admin/upload', 
                // 文件域名字
                fileName: 'filedata', 
                // 其他表单数据
                params: {name: 'pxblog'},
                // 上传完成后, 返回json, text
                dataType: 'json',
                // 上传之前回调,return true表示可继续上传
                onSend: function() {
                        return true;
                },
                // 上传之后回调
                onComplate: function(data) {
                        alert(data);
                }
        });
});


修正问题: http://www.oschina.net/question/103872_59418

测试环境: chrome

展开阅读全文

代码

评论 (6)

加载中
打分: 很差
为什么不能用
2017/06/02 22:09
回复
举报
Chrome没法用,IE7可以 jQuery异步上传插件
2012/07/18 15:48
回复
举报
ie8提交没反应,FF没问题 jQuery异步上传插件
2013/02/26 16:28
回复
举报
FF下无法异步返回结果,但是可以正常上传。 jQuery异步上传插件
2013/04/22 21:07
回复
举报
无法连续上传 第一次可以 偶数次就不成功 #jQuery异步上传插件#
2015/11/06 01:31
回复
举报
2016/02/12 22:43
回复
举报
更多评论
暂无内容
发表了博客
2019/06/20 14:45

jQuery-File-Upload

Basic plugin https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin https://github.com/blueimp/jQuery-File-Upload/wiki/API https://github.com/blueimp/jQuery-File-Upload/wiki/Options How to use only the Basic plugin (minimal setup guide) The plugin download package comes with a complete u...

0
0
发表了博客
01/10 10:17

jQuery-File-Upload 使用,jQuery-File-Upload上传插件

================================ ©Copyright 蕃薯耀 2020-01-10 https://www.cnblogs.com/fanshuyao/ 一、官网地址: https://github.com/blueimp/jQuery-File-Upload 二、使用文档(参数说明) https://github.com/blueimp/jQuery-File-Upload/wiki/Options 三、浏览器支持(官网说明) Google Chrome Apple Safari...

0
0
发表了博客
2018/08/29 11:45

jquery file upload使用

<!-- jquery file upload相关js --> <script src="/js/jquery-file-upload/js/jquery.ui.widget.js"></script> <script src="/js/jquery-file-upload/js/jquery.iframe-transport.js"></script> <script src="/js/jquery-file-upload/js/jquery.fileupload.js"></script> <script src="/js/jquery-file-upload/js/jquer...

0
0
发表了博客
2018/07/18 13:51

jQuery file upload

jQuery(function () { var uploader = $('input#uploader').fileupload({ url: App.base.setURL('upload', 'image'), type: 'POST', dataType: 'json', previewMaxWidth: 100, ......

0
0
发表于大前端专区
2015/06/01 20:20

jQuery File Upload的使用

jQuery File Upload

0
0
发表于大前端专区
2013/12/04 06:30

Image Upload based on jQuery

今天把自己写的一个简单的jQuery上传插件放到了Git@OSC上了,希望能帮助需要的人,并且得到高人的指点,一起用心的维护下去。戳这里(http://git.oschina.net/GoodLoser/iUploader) 插件很简单,目前只提供图片的上传功能,包括预览,进度条显示,多图片上传,双试图预览(list,grid). 优点是不需要flash支持,只要浏览...

3
16
发表了博客
07/04 02:17

jQuery Ajax文件上传 - jQuery Ajax File Upload

问题: Can I use the following jQuery code to perform file upload using POST method of an ajax request ? 我可以使用以下jQuery代码使用ajax请求的POST方法执行文件上传吗? $.ajax({ type: "POST", ......

0
0
发表了博客
04/29 01:54

jQuery Ajax文件上传 - jQuery Ajax File Upload

问题: Can I use the following jQuery code to perform file upload using POST method of an ajax request ? 我可以使用以下jQuery代码使用ajax请求的POST方法执行文件上传吗? $.ajax({ type: "POST", ......

0
0
发表了博客
2019/07/02 19:29

jQuery file upload callback options

autoUpload By default, files added to the widget are uploaded as soon as the user clicks on the start buttons. To enable automatic uploads, set this option to true. Type: boolean Default: true Please note that in the basic File Upload plugin, this option is set to true by default. https://github....

0
0
2015/01/04 14:32

jQuery File Upload 的基本使用

jQuery File Upload 的基本使用

0
5
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2015/03/30 00:24

关于iphone上传图片横着的问题

小弟今天遇到了一个问题就是我用ajax异步上传图片,用手机来上传,安卓手机就是显示的正常,但是用苹果手机就出现了问题了,那就是我用苹果手机上传的图片它就显示是横着的。这个让我好无语啊,也不知道解决的办法。在此向各位大神请教下这个到底是怎么回事啊,我应该如何解决啊!!!!!

2
0
发表了问答
2013/02/26 16:50

FF能提交 IE8不能提交

FF能提交 IE8不能提交 代码第44行: form.appendTo("body"); 改成: form.appendTo(iframe); FF,IE就都能提交了

3
2
发表了问答
2013/05/01 15:41

上传不成功呢?没有OnError

@xwz 你好,想跟你请教个问题:上传不成功呢?没有OnError

1
0
发表了问答
2012/06/29 09:22

上传插件兼容性不好的解决办法

看了作者的代码,发现跟我之前做的原理相同。但是我的比较简陋。ie下不兼容是因为你在父页面对 input file的change绑定了change事件导致。 var iframeDoc = $("#uploadIframe").contents().get(0); iframeDoc .write("<form method=\"post\" action=\"/file/uploadImg\" enctype=\"multipart/form-data\"><input type=\...

2
3
发表了问答
2012/06/18 17:15

jQuery异步上传插件 兼容性不好?

jQuery异步上传插件 在ie8, chrome 下无法正常工作,ff无压力 好像是应该ie file 安全性的原因!

4
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
6 评论
179 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部