jquery-upload 无刷新 AJAX 进度多文件批量上传

2022-12-22 0 727

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://festatic.aliapp.com/js/jquery-upload/浏览:http://festatic.aliapp.com/

举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务