jquery-uploadjQuery 上传插件
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、插件演示及下载
评论
Stream 上传插件
Stream是解决不同浏览器上传文件的插件,是Uploadify的Flash版和Html5版的结合!兼容到浏览器从IE7+,Chrome,FF,Safari以及以这些内核为基础到浏览器(如猎豹,搜狗,
Stream 上传插件
0
AjaxUploadJavascript 异步上传插件
Javascript 异步上传插件,包含 3 个子项目 BUpload, JUpload, TUpl
AjaxUploadJavascript 异步上传插件
0
jqswfuploadjQuery 文件上传插件
jqswfupload是一个基于jQueryUI+Swfupload实现的多文件上传组件。SWFUpload是一个基于flash与javascript的客户端文件上传组件。你可以在文件选择对话框中通过
jqswfuploadjQuery 文件上传插件
0
anyupload多功能上传插件
anyupload是一个极度纯净的上传插件,通过简单调整就可以融入到任何项目,支持多文件上传、上传速率动态控制、真实进度监控kb/s、分块生成MD5、分块上传、MD5校验秒传、暂停、取消等。体验地址:
anyupload多功能上传插件
0
AjaxFileUpload.jsjQuery 文件上传插件
jQuery.AjaxFileUpload.js是一款jQuery插件,用于通过ajax上传文件。功能特点:它不依赖于特定的HTML,只要给它一个“<INPUTTYPE="file">它不
AjaxFileUpload.jsjQuery 文件上传插件
0