jquery-upload

jQuery 上传插件
授权协议 未知
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery 文件上传
软件类型 开源软件
地区 国产
投 递 者 慎志国
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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、插件演示及下载

  • MVC的cshtml部分: @{ ViewBag.Title = "djk8888"; } <script src="~/jQuery-File-Upload-8.8.5/js/jquery.min.js"></script> <script src="~/jQuery-File-Upload-8.8.5/js/vendor/jquery.ui.widget.js"></script> <

  • 翻译自:https://blog.detectify.com/2018/12/13/jquery-file-upload-a-tale-of-three-vulnerabilities/ 翻译:聂心明 在github上星个数第二多的JavaScript项目中有两个远程命令执行漏洞,并且星数第三多的那个项目可能会通过jQuery-File-Upload任意删掉被上传的文件。后者是有意的行为,我们的安

  • jQuery-File-Upload不兼容IE8解决方案 jQuery-File-Upload ADD方法没调用     ================================ ©Copyright 蕃薯耀 2018年12月27日 http://fanshuyao.iteye.com/   一、问题描述: 在IE8模式下 <meta http-equiv="X-UA-Compatible

  • 当你无法分辨长的很像的英文的时候,能够拯救你的就只有一遍又一遍的试错了。 前言介绍 最近项目需要一个页面单独上传的功能,要求页面能够做到多文件上传。于是便去寻找 ajax 上传文件的插件,找到 github 排名最高的 ‘jQuery-File-Upload’ 插件,开发者是 ‘buleibm’。一开始还没想过这是谁,后来看到越来越多插件的作者是 ‘blueibm’,一想,原来这货是IBM啊 Ψ(

  • jquery-file-upload done 没有被调用、响应 教程问题 解决 thinkphp5 tp5 bootstrap 文件、图片上传 插件 参考文章: (1)jquery-file-upload done 没有被调用、响应 教程问题 解决 thinkphp5 tp5 bootstrap 文件、图片上传 插件 (2)https://www.cnblogs.com/shaoing/p/78

 相关资料
  • jQuery异步上传, 其使用原理是iframe. 特点: 小巧 简单 使用方法 1 在页面引入jquery.upload js 2 代码 // upload_img 为一个按钮, 点击时选择文件上传$("#upload_img").click(function() { // 上传方法 $.upload({ // 上传地址

  • 本文向大家介绍Jquery uploadify上传插件使用详解,包括了Jquery uploadify上传插件使用详解的使用技巧和注意事项,需要的朋友参考一下 Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。 首先按下面的步骤来实现一个简单

  • 本文向大家介绍jQuery文件上传插件Uploadify使用指南,包括了jQuery文件上传插件Uploadify使用指南的使用技巧和注意事项,需要的朋友参考一下 对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持 Flash,主要特性:支持多文件上传、HTML5版本可拖拽上传、实时上传进度条显示、强大的参数 定制功能,如文件大小、文件类型、按钮图片定义、上传文件脚本

  • 本文向大家介绍JQuery fileupload插件实现文件上传功能,包括了JQuery fileupload插件实现文件上传功能的使用技巧和注意事项,需要的朋友参考一下 道理相通,我简单分享下在.net MVC下的实装。 1.制作Model类 2.实装controller里的对应方法,我这个处理逻辑比较复杂,懒得修改了,反正就这个意思 3.页面的实装 √,就是这个样子 还附赠了一个简易lodin

  • 本文向大家介绍AspNet中使用JQuery上传插件Uploadify详解,包括了AspNet中使用JQuery上传插件Uploadify详解的使用技巧和注意事项,需要的朋友参考一下 首先按下面的步骤来实现一个简单的上传功能。 1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。 2 在项目中添加UploadHandler.ashx文件用来处理文件

  • 本文向大家介绍快速掌握jQuery插件WebUploader文件上传,包括了快速掌握jQuery插件WebUploader文件上传的使用技巧和注意事项,需要的朋友参考一下 文件上传是网站和 Web 应用程序的常用功能,一直没有一款完美的文件上传组件,因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主,FLASH 为辅的

  • 22.15.上传 如何上传archives在Chapter 51, Publishing artifacts [9]JUnit的维基包含有关如何使用JUnit类工作的详细说明:https://github.com/junit-team/junit/wiki/Categories. [10]TestNG的文档包含关于测试组的更多详细信息:http://testng.org/doc/documenta

  • Stream 是解决不同浏览器上传文件的插件,是Uploadify的Flash版和Html5版的结合!兼容到浏览器从IE7+, Chrome, FF, Safari以及以这些内核为基础到浏览器(如猎豹,搜狗,360,QQ,傲游等)。 主要特征     1. 支持HTML5、Flash两种方式(跨域)上传     2. 多文件一起上传     3. HTML5支持断点续传,拖拽等新特性     4.