jquery-upload 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
jquery-upload 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 未知
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 国产
提 交 者 mickelfeng
适用人群 未知
收录时间 2015-08-06

软件简介

1、插件说明

在支持FormData的浏览器完全使用AJAX(即XMLHttpRequest)和input的files属性共同完成上传文件,否则就模拟表单提交来上传文件。支持写的文章和脚本现在看起来都比较稚嫩,现在重新整理、约束,更好的API和便捷使用方法。

插件名称:jquery-upload。

2、插件使用

// 1、判断浏览器支持特征 
// 是否支持HTML5的input的files对象,用于同时选择上传多张图片 $.support.inputFiles; 
// 是否支持HTML5的FormData,用于AJAX提交 $.support.formData; 
// 2、默认参数 $.fn.upload.defaults = { 
// 提交地址 action: "", 
// 传递额外数据(键值对字符串) data: null, 
// 表单文件的name值 inputName: "file", 
// 文件最小容量(单位B,默认0) minSize: 0, 
// 文件最大容量(单位B,默认1M=1024KB=1024*1024B) maxSize: 1048576, 
// 文件类型(文件后缀) fileType: ["png", "jpg", "jpeg", "gif"], 
// 错误消息提示 errorMsg: { 
// 单文件上传错误或失败 singleError: "第{n}个文件上传错误或失败", 
// 多文件上传错误或失败 multiError: "上传错误或失败", 
// 单文件未选择 singleNone: "尚未选择第{n}个上传文件", 
// 多文件未选择 multiNone: "尚未选择任何上传文件", 
// 多文件列表为空 empty: "待上传文件为空", 
// 单、多文件错误,{n}表示该文件的序号,开始序号为1 type: "第{n}个文件类型不符合要求", size: "第{n}个文件容量不符合要求" }, 
// 完成回调,无论成功还是失败 oncomplete: emptyFn, // 成功回调 onsuccess: emptyFn, 
// 失败回调 onerror: emptyFn, 
// 进度回调 onprogress: emptyFn }; 
// 3、上传文件 $("#file").upload({ action: "upload.php" }); 
// 4、增加文件MIME配对关系 
// 添加单个 $.fn.upload.addTypeRelationship("text/html", "html"); 
// 添加多个 $.fn.upload.addTypeRelationship({ "text/html": "html", "text/xhtml": "xhtml" });

3、插件演示及下载

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
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
发表于大前端专区
2015/06/01 20:20

jQuery File Upload的使用

jQuery File Upload

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
发表于大前端专区
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
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
7 收藏
分享
返回顶部
顶部