| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
9年前发布

jQuery上传插件:jquery-upload

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

项目主页:http://www.open-open.com/lib/view/home/1438960770067

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1438960770067.html
文件上传 jquery-upload