/* 上传下载处理类 */ Namespace.register("U.UF.UP"); //上传总函数 /* * @param {array} 所有需要上传的input * @param {function} 上传成功回调函数 * @param {array} 回调参数 * @param {string} 上传后响应的处理文件地址 http://disk.1473.cn/upload.ashx * 上下文(上一个函数与下一个函数的联系)： r.context 回调函数的参数。上下文之间的传参,同第四个参数。 返回值说明： 由开发者定义：例如：可以定义为数组，格式如下： array [文件在服务器的路径, 缩略图的路径, 文件id, 文件大小, 文件对应群, 文件目录id] */ U.UF.UP.upload = function (inputarr, url, cb, params) { //如果是html5，走html5 //如果有flash，则走flash。此处难做，暂时不做。 //如果html，走html..不能断点续传，不能解析md5. } //#region input上传 /** * html input上传 * * @param {array} 所有需要上传的input * @param {string} 上传后响应的处理文件地址 http://disk.1473.cn/upload.ashx * @param {function} 上传成功回调函数 * @param {array} 回调参数 */ U.UF.UP.inputUpload = function (inputarr, url, cb, params) { //生成传输的iframe U.UF.UP.uploading(inputarr, cb, params, url); } /** * html input上传 * * @param {array} 所有需要上传的input * @param {function} 上传成功回调函数 * @param {array} 回调参数 * @param {string} 上传后响应的处理文件地址 http://disk.1473.cn/upload.ashx */ U.UF.UP.uploading = function (inputarr, cb, params, url) { //生成传输的iframe var _iframe, //iframe变量 _body = document.body, //body _name = Guid.guidNoDash() //用于刷新的iframe的id ; //创建一个接收上传回值的iframe，创建这个iframe主要的作用是做无刷上传，让上传的input不在页面上刷新而是在iframe里面刷新（为什么要创建iframe，因为form上传页面是会刷的，需要通过） _iframe = $$("iframe", { "id": _name, "name": _name, "width": 0, "height": 0, "style": { "display": "none" }, "frameBorder": 0 }, _body); //创建一个iframe用于做无刷上传 因为form上传的时候会刷新页面但是如果form的action属性指向的是一个iframe就不会刷新页面，这里为什么要创建跨域的iframe的因为我们项目通常不是一个域名是多个域名，等input上传结束后需要通过iframe去取值，那么下面的创建就显得非常重要 U.UF.C.iframeSameDomain(_iframe, "", function () { //提交input上传 U.UF.UP.inputUpload.submit(_iframe, inputarr, cb, params, url, _name); }); } /** * html input上传提交区域 * * @param {element} 用于刷新页面的iframe数组 * @param {array} 所有需要上传的input * @param {function} 上传成功回调函数 * @param {array} 回调参数 * @param {string} 回调调用地址 允许带参数 * @param {string} 刷新iframe的name */ U.UF.UP.inputUpload.submit = function (iframe, inputarr, cb, params, url, name) { //input上传处理，首先创建一个form表单，然后把需要上传的input循环的放入form中，上传到服务器中 var i, _form, _cloneinput, _changefun, _isfile; //跨域页面必须设置name,由于在ie8-的系列在创建元素的过程中无法设置name会出现问题，所以在这里加成成功后才能设置 iframe.contentWindow.name = name; //创建一个form表单进行上传 _form = $$("form", { "action": url, "target": name, "encoding": "multipart/form-data", "enctype": "multipart/form-data", "method": "post", "name": "loading", "style": { "display": "none"} }, document.body); //循环把input放在form表单里面 for (i = 0; i < inputarr.length; i++) { //给上传的input设置id，如果不设置的话后台就无法获取上传的文件 inputarr[i].name = inputarr[i].name || inputarr[i].id || Guid.newGuid(); //由于要把input追加到上面创建的form表单里面，所以要克隆一个input _cloneinput = inputarr[i].cloneNode(); //由于克隆的元素的value值还存在 也说明文件还存在，那么会导致上传同一个文件onchange事件无法触发，下面就是清理value值的兼容 //清空input内容处理,在之前测试是用无数次的情况下会出现异常错误，所以加了try catch try { //ie清理value值的方法，比较麻烦，ie input file设置value = ""无效 所以没办法 if (document.selection) { _cloneinput.select(); document.selection.clear(); } else { _cloneinput.value = ""; } } catch (e) { } //把创建好的input代替现在要上传的input if (inputarr[i].parentNode) { inputarr[i].parentNode.replaceChild(_cloneinput, inputarr[i]); //由于要把上传的元素放在form里面进行上传处理，所以这里要克隆一个元素，否则元素就会丢失。 } //form表单里面添加 _form.appendChild(inputarr[i]); //把input添加到form表单里 //判断上传的文件是否是file，如果不是file那么就不用multipart/form-data这种格式提交，因为只是正常的上传input里面只有文字的会产生乱码，这种乱码在java下是没有办法看的 if (inputarr[i].type == "file") { _isfile = true; } } //如果不是文件上传 只是传输input，那么改成文本上传 if (_isfile !== true) { _form.encoding = _form.enctype = "application/x-www-form-urlencoded"; } //上传异步处理 U.UF.DL.iframeLoad(iframe, function () { U.selectEl(_form).remove(); //元素移除 U.UF.UP.inputUpload.asyn(iframe, inputarr, cb, params); //上传结束异步 }); //开始上传处理 _form.submit(); //拼接传参的链接，在上传的过程中添加上传用户的id,此处需要删除.因为disk.1473.cn的上传是需要做用户识别的，所以这里设置了用户id，但是这种方式是错误的，应该直接去后台获取用户id // if (US && US.userInfo && US.userInfo.userid) { // url = url + (url.indexOf("?") > -1 ? "&" : "?") + "UserId=" + (US.userInfo.userid || US.userInfo.userid); // } } /** * 上传结束异步 * * @param {element} 用于刷新页面的iframe * @param {array} 所有需要上传的input * @param {function} 上传成功回调函数 * @param {object} 回调参数 */ U.UF.UP.inputUpload.asyn = function (iframe, inputarr, cb, params) { //跨域上传的时候，服务器返回值，在ie下已经可以直接获取到值，其他浏览器不行，这里给iframe修改src让src指向"about:blank" if (!(U.UF.CI.getBrowser().browser == "msie")) { iframe.src = "about:blank"; //由于src重新赋值 setTimeout(function () { U.UF.UP.inputUpload.callback(iframe, inputarr, cb, params); //执行回调处理 }, 0); } //如果是ie浏览器的情况，那么直接回调，已经经过测试 else { U.UF.UP.inputUpload.callback(iframe, inputarr, cb, params); //执行回调处理 } } /** * 上传回调处理 * * @param {element} 用于刷新页面的iframe * @param {array} 所有需要上传的input * @param {function} 上传成功回调函数 * @param {object} 回调参数 */ U.UF.UP.inputUpload.callback = function (iframe, inputarr, cb, params) { var _value = U.UF.UP.inputUpload.getData(iframe); //获取服务器返回的值 //上传成功后删除iframe U.selectEl(iframe).remove(); //回调处理 if (U.UF.C.isFunction(cb)) { //判断是否为函数的处理 //调用回调的处理 cb({ "value": _value, //服务器返回的数组,类似[文件在服务器的路径, 缩略图的路径, 文件id, 文件大小, 文件对应群, 文件目录id] "context": params, // "inputs": inputarr }); } } /** * 获取上传成功后后台返回的值 * @param {element} 用于刷新页面的iframe * */ U.UF.UP.inputUpload.getData = function (iframe) { var _value = null; //获取返回值的变量 //通过iframe.contentWindow找到执行域到执行域里面获取innerHTML的方式获取值 try { _value = iframe.contentWindow.document.body.innerHTML; } catch (e) { } //如果上面获取值的方式没有成功，就使用下面的方法获取 if (!_value) { try { _value = iframe.contentWindow.name != iframe.id ? iframe.contentWindow.name : ""; //因为跨域上传后iframe的src的地址已经是跨域的地址，这个时候要通过Window.name方式获取跨域的值 } catch (e) { } } //上传失败 if (_value == null) { U.alert("服务器处理繁忙，上传失败"); } else { //获取值转化成json对象 _value = U.UF.C.toJson(_value); } return _value; } //#endregion //#region html5上传 /* * @param {element} 所有需要上传的input * @param {function} 上传成功回调函数 * @param {object} 失败的回调 { * "error": "U.UF.UP.error", //错误处理 * "select": "U.UF.UP.select", //选择文件处理 * "getHashCallBack": "U.UF.UP.getHashCallBack", //上传解析文件的处理 * "progress": "U.UF.UP.progress", //解析文件md5值，和上传文件的时候的进度条处理 * "uploadComplete": "U.UF.UP.uploadComplete", //上传结束的处理，这个时候还没有返回值 * "getData": "U.UF.UP.getData", //上传结束后服务器返回的值 * "endUpload": "U.UF.UP.endUpload", //上传结束处理 } */ U.UF.UP.html5Upload = function (fileinfo, succallback, callback) { //生成传输的iframe //进行文件加密 回调参数(进度，完成，文件hash) U.UF.UP.html5Upload.fileMd5(fileinfo, function (progress, finish, filehash) { if (finish) {//判断是否解析完成 //获取hash后的回调处理 if (U.UF.C.isFunction(callback.getHashCallBack)) { callback.getHashCallBack(filehash, fileinfo, succallback, callback.error); } } }); } /* * @param {element} 所有需要上传的input * @param {function} 解析回调函数 */ U.UF.UP.html5Upload.fileMd5 = function (file, callback) {//生成文件hash var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice, //分割文件的方法 chunkSize = 2097152, // Read in chunks of 2MB chunks = Math.ceil(file.size / chunkSize), //分割的次数 currentChunk = 0, spark = new U.UF.EC.SparkMD5.ArrayBuffer(), fileReader = new FileReader() ; file.fileReader = fileReader; //解析监听 fileReader.onload = function (e) { spark.append(e.target.result); currentChunk++; //判断是否解析成功 if (currentChunk < chunks) { loadNext(); callback({ 'Loaded': currentChunk, 'Total': chunks }) // 参数：进度 } else { callback({ 'Loaded': 100, 'Total': 100 }, true, spark.end()) // 参数：进度、 是否完成、 文件hash } }; //解析失败监听 fileReader.onerror = function () { callback(null, 'oops, something went wrong.') // 参数：进度 }; //解析下一步处理 var loadNext = function () { var start = currentChunk * chunkSize, end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize; fileReader.readAsArrayBuffer(blobSlice.call(file, start, end)); } loadNext(); } /* * 判断上传的文件是否在服务器中 * @param {file} 所有需要上传的input * @param {string} 上传文件的hash值 * @param {function} 解析回调函数 */ U.UF.UP.html5Upload.select = function (file, filehash, callback) { U.A.Request("http://upload.1473.cn/select", [file.name, filehash, file.size], function (r) { callback(r.value.fileServerName, r.value.filesize); }); } /* * 断点续传函数 * @param {file} 文件 * @param {int} 文件总大小 * @param {int} 文件每次上传 * @param {string} 文件服务器名 * @param {int} 服务器文件大小 * @param {fun} 成功回调函数 * @param {fun} 失败回调函数 * @param {int} 第几次上传次数 * @param {int} 总上传次顺 * @param {string} 文件hash */ U.UF.UP.html5Upload.loop = function (file, filehash, fileservername, filesize, callback) { var _xhr, _fd, _thunkto, _islast, // 切割末端 _totalsize = file.size, // 总大小 _eachsize = 1024 * 500, // 每次上传大小 这里是500kb _thunkfrom = filesize // 切割起始端 ; //判断是否是最后一次上传 if (_eachsize + filesize >= _totalsize) { _thunkto = _totalsize; //设置上传结束为止的大小 _islast = true; //设置本次上传为最后一次上传 } //非最后一次上传，这是每次上传为500kb else { _thunkto = _eachsize + filesize; } //创建form表单发送数据 _fd = new FormData(); _fd.append('theFile', file.slice(_thunkfrom, _thunkto)); // 分好段的文件 _fd.append('filehash', filehash); _fd.append('fileChunk', 0); // 大小 _fd.append('isLastChunk', _islast); // 是否最后一次上传 count === counts - 1 _fd.append('fileServerName', fileservername); //文件名 //调用ajax请求发送form数据 _xhr = new XMLHttpRequest(); file.xhr = _xhr; _xhr.open("post", "http://upload.1473.cn/upload", true); _xhr.onreadystatechange = function () { if (_xhr.readyState == 4 && _xhr.status == 200) { var _rs = JSON.parse(_xhr.responseText); //获取后台返回的值 if (_rs.status == 200) { callback({ 'Loaded': _thunkto, 'Total': _totalsize }); //进度条处理 //判断是否继续上传 if (!_rs.isLastChunk) { //继续上传 U.UF.UP.html5Upload.loop(file, filehash, fileservername, _thunkto, callback) } else { callback(true); } } } }; _xhr.send(_fd); } /** * 删除指定上传文件 * */ U.UF.UP.html5Upload.deleteUploadFile = function (file) { if (file.fileReader) { file.fileReader.abort(); //停止解析 } if (file.xhr) { file.xhr.abort(); //停止上传 } } /** * 删除所有的文件 * */ U.UF.UP.html5Upload.deleteUploadAllFile = function () { } Namespace.register("U.UF.UP.HTML5"); /** * html5上传文件函数 * 可另外写一个函数封装为其他开发者也能上传的函数，需要多加2个参数，服务器文件名，已经上传大小 * * @param url 必填！ 上传地址 * @param file 必填！ 上传文件对象，非input，是input里面的问题件 * @param callback 必填！ 上传成功回调，其值为文件对象file。里面有 * 返回值为文件对象，其值在file.fileServerName中。 * 形如：fileHash: "8a4e8d737b1514414e84c3428fceaffc" fileReader: FileReader {readyState: 2, result: ArrayBuffer(57), error: null, onloadstart: null, onprogress: null, …} fileServerName: "0c66a100-568e-11ec-bd9b-a7f8f2b18a24.txt" lastModified: 1599451644496 lastModifiedDate: Mon Sep 07 2020 12:07:24 GMT+0800 (中国标准时间) {} name: "文件.txt" size: 57 type: "text/plain" uploadedSize: 0 url: "http://upload.1473.cn/upload" * @param md5callback 非必填项！ * md5验证进度条回调，上传大文件做md5验证进度条， 分片大小为2M * 其取值如下：{ 'Loaded': currentChunk, 'Total': chunks } 共有多少分片，当前解析到哪一个分片 * { 'Loaded': "success", 'Total': 100 } 全部完成 * { 'Loaded': "error", 'Total': 'oops, something went wrong.' } 如果Loaded为error，表示发生错误，错误信息放置在Total中。 * @param upprogresscallback 非必填项！ * 上传进度条回调，上传大文件做文件上传进度条用。 分片大小为500kb * 否则，progress为进度条{ 'Loaded': currentChunk, 'Total': chunks } * 上传成功后的返回值为{ 'Loaded': "success", 'Total': chunks }。 */ U.UF.UP.HTML5.upload = function (url, file, callback, md5callback, upprogresscallback) { //文件md5验证，并生成进度条 U.UF.UP.HTML5.fileMd5(file, function (progress, filehash) { //错误处理 if (progress.Loaded == "error") { console.log("上传错误：" + progress.Total); } //解析完成 if (progress.Loaded == "success") { ////根据filehash去数据库判断是否以前已经上传过,已经上传，则不用再上传，否则，执行上传 //写自己的代码的地方 file.url = url; file.fileHash = filehash; //执行上传。去upload选取上传数据，此数据库没有做记录，是否已经上传，是采用文件覆盖的方式执行上传。 U.A.Request("http://upload.1473.cn/select", [file.name, file.fileHash, file.size], function (r) { if (r.value) { //获取服务器返回值，包含了文件服务器名称，文件大小。 var _result = r.value; //此处生成上传文件的服务器名称，即guid名称。 file.fileServerName = _result.fileServerName; //_result.filesize为已经上传的文件大小 file.uploadedSize = _result.filesize; //上传文件，并生成进度条。 U.UF.UP.HTML5.loop(file.url, file, file.fileHash, file.fileServerName, file.uploadedSize, //回调函数，参数一为进度条 function (progress) { //上传进度条。 if (progress.Loaded == "success") { //上传成，回调。 callback(file); } //上传中的处理 else { //上传中的进度条 upprogresscallback(progress); } } ); } else { U.alert("上传异常，服务器未响应，此处需要做处理！"); } }); } //未解析完毕进度条处理 else { //生成md5验证进度条 md5callback(progress); } }); } /** * 给使用uform框架的其他开发者封装的函数，未做验证 * html5上传文件函数， * 可另外写一个函数封装为其他开发者也能上传的函数，需要多加2个参数，服务器文件名，已经上传大小 * * @param url 必填！ 上传地址 * @param file 必填！ 上传文件对象，非input，是input里面的问题件 * @param fileservername 必填！ 文件服务器名称 * @param uploadedsize 必填！ 文件已经上传的大小，未上传填写0. * @param callback 必填！ 上传成功回调，其值为文件对象file。里面有 * 返回值为文件对象，其值在file.fileServerName中。 * 形如：fileHash: "8a4e8d737b1514414e84c3428fceaffc" fileReader: FileReader {readyState: 2, result: ArrayBuffer(57), error: null, onloadstart: null, onprogress: null, …} fileServerName: "0c66a100-568e-11ec-bd9b-a7f8f2b18a24.txt" lastModified: 1599451644496 lastModifiedDate: Mon Sep 07 2020 12:07:24 GMT+0800 (中国标准时间) {} name: "文件.txt" size: 57 type: "text/plain" uploadedSize: 0 url: "http://upload.1473.cn/upload" * @param md5callback 非必填项！ * md5验证进度条回调，上传大文件做md5验证进度条， 分片大小为2M * 其取值如下：{ 'Loaded': currentChunk, 'Total': chunks } 共有多少分片，当前解析到哪一个分片 * { 'Loaded': "success", 'Total': 100 } 全部完成 * { 'Loaded': "error", 'Total': 'oops, something went wrong.' } 如果Loaded为error，表示发生错误，错误信息放置在Total中。 * @param upprogresscallback 非必填项！ * 上传进度条回调，上传大文件做文件上传进度条用。 分片大小为500kb * 否则，progress为进度条{ 'Loaded': currentChunk, 'Total': chunks } * 上传成功后的返回值为{ 'Loaded': "success", 'Total': chunks }。 */ U.UF.UP.HTML5.upload.Api = function (url, file, fileservername, uploadedsize, callback, md5callback, upprogresscallback) { //文件md5验证，并生成进度条 U.UF.UP.HTML5.fileMd5(file, function (progress, filehash) { //错误处理 if (progress.Loaded == "error") { console.log("上传错误：" + progress.Total); } //解析完成 if (progress.Loaded == "success") { ////根据filehash去数据库判断是否以前已经上传过,已经上传，则不用再上传，否则，执行上传 //写自己的代码的地方 file.url = url; file.fileHash = filehash; //此处生成上传文件的服务器名称，即guid名称。 file.fileServerName = fileservername; //_result.filesize为已经上传的文件大小 file.uploadedSize = uploadedsize; //上传文件，并生成进度条。 U.UF.UP.HTML5.loop(file.url, file, file.fileHash, file.fileServerName, file.uploadedSize, //回调函数，参数一为进度条 function (progress) { //上传进度条。 if (progress.Loaded == "success") { //上传成，回调。 callback(file); } //上传中的处理 else { //上传中的进度条 upprogresscallback(progress); } } ); } //未解析完毕进度条处理 else { //生成md5验证进度条 md5callback(progress); } }); } /* * @param {element} 所需要上传的文件， * @param {function} 解析回调函数，此回调函数传递参数不一致。 */ U.UF.UP.HTML5.fileMd5 = function (file, callback) {//生成文件hash var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice, //分割文件的方法 chunkSize = 2097152, // Read in chunks of 2MB chunks = Math.ceil(file.size / chunkSize), //分割的次数 currentChunk = 0,//当前第一个分割从0开始 spark = new U.UF.EC.SparkMD5.ArrayBuffer(),//得到md5编码 fileReader = new FileReader() ; file.fileReader = fileReader; //解析监听 fileReader.onload = function (e) { spark.append(e.target.result); currentChunk++; //判断md5是否解析成功 if (currentChunk < chunks) { //未完成，则继续 loadNext(); //并且给出进度条 callback({ 'Loaded': currentChunk, 'Total': chunks }) // 参数：进度 } else { //获取md5完成，则执行回调函数 callback({ 'Loaded': "success", 'Total': 100 }, spark.end()) // 参数：进度、 文件hash } }; //解析失败监听 fileReader.onerror = function () { callback({ 'Loaded': "error", 'Total': 'oops, something went wrong.' }) // 参数：进度 }; //解析下一步处理 var loadNext = function () { var start = currentChunk * chunkSize, end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize; fileReader.readAsArrayBuffer(blobSlice.call(file, start, end)); } loadNext(); } /* * 判断上传的文件是否在服务器中,此函数未使用 * @param {file} 需要上传的input * @param {string} 上传文件的hash值 * @param {function} 解析回调函数 */ U.UF.UP.HTML5.selectFromDB = function (file, filehash, callback) { //由于历史原因，有mysql数据库和sqlserver数据库保存了上传数据，两个数据库需要合一。此任务列为下学期任务。 //首先去sqlserver数据库去找，为何是此三个参数？ U.A.Request(US.DISK, ["GetFileByHash", filehash, file.size, file.name.getExtendName()], function (r) { //如果找到,则返回 if (r.value) { } else { //如果没找到，继续去mysql中查找。 //从html5上传接口去查询，此数据库为mysql数据库，由余中豪所做。 U.A.Request("http://upload.1473.cn/select", [file.name, filehash, file.size], function (r) { //如果有怎么处理？如果没有怎么处理？ if(r.value){ } else { //都没找到，回调回去上传 callback(r.value.fileServerName, r.value.filesize); } }); } }); } /* * 断点续传函数,此处为html5的上传功能实现，参考upload.1473.cn下面的split-upload.js文件。 * @param {file} 文件对象 * @param {string} 文件hash * @param {string} 文件服务器名，后端的guid名。由后端返回，同时需要向后端传递。以利于服务器定位文件。 * 每上传完一个片段需要返回一次，用于在服务器查找文件，此处多次返回。 * @param {int} 文件大小。每次增量大小。由后台返回，每上传完一个片段需要返回一次。 * @param {fun} 回调函数，如为上传完毕，回调函数处理进度条，否则，回调函数处理完成事宜。 */ U.UF.UP.HTML5.loop = function (url,file, filehash, fileservername, filesize, callback) { var _xhr,//ajax请求 _fd,//formdata的实例。 _thunkto,// _islast=false, // 假定非最后一次上传 _totalsize = file.size, // 总大小 _eachsize = 1024 * 500, // 每次上传大小 这里是500kb _count = filesize / _eachsize,//上传次数 _thunkfrom = filesize // 切割起始端 ; //判断是否是最后一次上传 if (filesize >= _totalsize) { _thunkto = _totalsize; //设置上传结束为止的大小 _islast = true; //设置本次上传为最后一次上传 } //非最后一次上传，这是每次上传为500kb else { _thunkto = _eachsize + filesize; } //创建form表单发送数据 _fd = new FormData(); _fd.append('theFile', file.slice(_thunkfrom, _thunkto)); // 分好段的文件 _fd.append('filehash', filehash); _fd.append('fileChunk', _count); // 上传次数 _fd.append('isFirstChunk', _count); // 是否第一次上传 _fd.append('isLastChunk', _islast); // 是否最后一次上传 count === counts - 1 _fd.append('fileServerName', fileservername); //文件名 //调用ajax请求发送form数据 _xhr = new XMLHttpRequest(); file.xhr = _xhr; _xhr.open("post", url, true); //_xhr.open("post", "http://upload.1473.cn/upload", true); _xhr.onreadystatechange = function () { if (_xhr.readyState == 4 && _xhr.status == 200) { var _rs = JSON.parse(_xhr.responseText); //获取后台返回的值 if (_rs.status == 200) { callback({ 'Loaded': _thunkto, 'Total': _totalsize }); //进度条处理 //判断是否继续上传 if (_rs.isLastChunk) { //上传完毕，返回success。 callback({ 'Loaded': "success", 'Total': _totalsize }); return; } //继续上传，必须放在这里。 U.UF.UP.HTML5.loop(url, file, filehash, fileservername, _thunkto, callback) } else { U.alert("上传服务器出错!"); } } }; _xhr.send(_fd); } /** * 停止指定上传文件 * */ U.UF.UP.HTML5.stopUploadFile = function (file) { if (file.fileReader) { file.fileReader.abort(); //停止解析 } if (file.xhr) { file.xhr.abort(); //停止上传 } } /** * 删除所有的文件 * */ U.UF.UP.HTML5.deleteUploadAllFile = function () { } //#endregion //#region flash上传处理 /** *flash上传按钮的数组，把所有加载的flash按钮放在这里，这样的话在多个地方加载flash按钮就可以在加载成功后触发事件后统一设置flash上传按钮的样式和回调事件 *{ flashbottom:flashobject, uploadtype:"*", style:{"width":"100", "height":"100"} callback:{ * "error": "U.UF.UP.error", //错误处理 * "select": "U.UF.UP.select", //选择文件处理 * "getHashCallBack": "U.UF.UP.getHashCallBack", //上传解析文件的处理 * "progress": "U.UF.UP.progress", //解析文件md5值，和上传文件的时候的进度条处理 * "uploadComplete": "U.UF.UP.uploadComplete", //上传结束的处理，这个时候还没有返回值 * "getData": "U.UF.UP.getData", //上传结束后服务器返回的值 * "endUpload": "U.UF.UP.endUpload", //上传结束处理 *} } */ U.UF.UP.flashbottom = {}; //flash上传按钮的处理 /** * flash按钮初始化得到 * * @param {element} flash对象要放置的地方 * @param {string} flash对象名字 * @param {object} flash按钮的样式 {"width":"100", "height":"100"} * @param {object} flash按钮上传的回调函数的处理 { * "error": "U.UF.UP.error", //错误处理 * "select": "U.UF.UP.select", //选择文件处理 * "getHashCallBack": "U.UF.UP.getHashCallBack", //上传解析文件的处理 * "progress": "U.UF.UP.progress", //解析文件md5值，和上传文件的时候的进度条处理 * "uploadComplete": "U.UF.UP.uploadComplete", //上传结束的处理，这个时候还没有返回值 * "getData": "U.UF.UP.getData", //上传结束后服务器返回的值 * "endUpload": "U.UF.UP.endUpload", //上传结束处理 *} } */ U.UF.UP.addFlashUploadBottom = function (el, name, style, callback, uploadtype) { var _divel, _width = style._width, _height = style._height, _uploadbootom = U.selectEl("object", el)[0]; //获取flash按钮 _name = name || Guid.newGuid(); //随机生成的name //如果flash上传按钮，添加，这里做了ie低版本的兼容 if (!_uploadbootom) { _divel = $$("div", { "innerHTML": "" + "" + "" + "" + "" + "" + "" + "" + "" + "" }); _uploadbootom = _divel.firstChild; //用上面的div去加载了object和embed标签后这里去获取 el.insertBefore(_uploadbootom, el.firstChild); //insertBefore() 在指定子节点前插入 } //把上传文件设置到flash集合中 U.UF.UP.flashbottom[name] = { uploadtype: uploadtype || "*", //上传的格式 flashbottom: U.selectEl("*" + name, el)[0], //flash上传按钮 style: style || {}, //flash按钮的样式 callback: callback || {} //flash按钮的回调函数，定义有注释 }; return _uploadbootom; } /** * flash按钮加载成功的处理 * */ U.UF.UP.flashLoad = function () { var i, _obj = U.UF.UP.flashbottom; //循环给flash按钮设置处理 for (i in _obj) { //调用设置 if (_obj[i].flashbottom.setUploadStyle) { _obj[i].flashbottom.setUploadStyle(i, _obj[i].style, {}, _obj[i].uploadtype); //加载插件初始化 } } } /** * 错误处理 * */ U.UF.UP.error = function (e) { U.alert(e); //错误提醒 } /** * 选择文件处理 * @param {string} flash按钮的唯一识别id * @param {array} 选择上传的文件数组 * */ U.UF.UP.select = function (bottomid, filesarr) { var _obj = U.UF.UP.flashbottom[bottomid]; //获取点击弹出选择文件上传的按钮对象 _obj.callback.select(filesarr); //执行flash的回调 } /** * 选择文件处理 * @param {element} 选择文件上传的flash按钮 * @param {number} 获取FileReferenceList第几个需要解析的文件 * @param {number} 在FileReferenceList数组里的第几个，默认是0，前端可以不传递，这里会出现一个这样的情况，用户点击上传框选择了文件，这个时候产生了一个FileReferenceList，在未上传完成的过程中又点击选择了文件，又产生了一个FileReferenceList，那么这里会出现多个FileReferenceList同时处理 * */ U.UF.UP.generateFileHash = function (flashbottom, fileid, i, j) { flashbottom.generateFileHash(fileid, 0, 0); //执行flash的回调 } /** * 上传解析文件的处理 * @param {string} 解析的文件md5值 * @param {string} flash上传按钮的id * */ U.UF.UP.getHashCallBack = function (md5value, uploadid, fileid) { var _obj = U.UF.UP.flashbottom[uploadid]; //获取点击弹出选择文件上传的按钮对象 _obj.callback.getHashCallBack(md5value, fileid); //执行flash的回调 } /** * 解析文件md5值，和上传文件的时候的进度条处理 * @param {string} 解析的文件md5值 * @param {string} flash上传按钮的id * @param {string} 进度的提醒，包括 解析中，上传中，成功 * */ U.UF.UP.progress = function (speedobj, uploadid, fileid, str) { var _obj = U.UF.UP.flashbottom[uploadid]; //获取点击弹出选择文件上传的按钮对象 _obj.callback.progress(speedobj, fileid, str); //执行flash的回调 } /** * 解析文件md5值，和上传文件的时候的进度条处理 * @param {element} 选择文件上传的flash按钮 * @param {string} 上传文件到哪个链接下处理 * @param {number} 获取FileReferenceList第几个需要解析的文件 * @param {number} 在FileReferenceList数组里的第几个，默认是0，前端可以不传递，这里会出现一个这样的情况，用户点击上传框选择了文件，这个时候产生了一个FileReferenceList，在未上传完成的过程中又点击选择了文件，又产生了一个FileReferenceList，那么这里会出现多个FileReferenceList同时处理 * */ U.UF.UP.flashUpload = function (flashbottom, fileid, url, i, j) { flashbottom.upload(url, fileid, i, j); //flash上传调用 } /** * 上传结束的处理，这个时候还没有返回值 * @param {object} 上传成功后返回的提示值 * @param {string} flash上传按钮的id */ U.UF.UP.uploadComplete = function (e, uploadid, fileid) { var _obj = U.UF.UP.flashbottom[uploadid]; //获取点击弹出选择文件上传的按钮对象 _obj.callback.uploadComplete(e, fileid); //执行flash的回调 } /** * 上传结束后服务器返回的值 * @param {object} 服务器响应等到的request结果，request中的data是返回的值 * @param {string} flash上传按钮的id */ U.UF.UP.getData = function (request, uploadid, fileid) { var _obj = U.UF.UP.flashbottom[uploadid]; //获取点击弹出选择文件上传的按钮对象 _obj.callback.getData(request, fileid); //执行flash的回调 } /** * 上传结束处理 * @param {string} flash上传按钮的id */ U.UF.UP.endUpload = function (uploadid) { var _obj = U.UF.UP.flashbottom[uploadid]; //获取点击弹出选择文件上传的按钮对象 _obj.callback.endUpload(); //执行flash的回调 } /** * 移除正在上传的文件，当我们在上传的过程中，取消上传，或者是文件已经上传成功了的处理 * @param {element} 选择文件上传的flash按钮 * @param {int} 获取FileReferenceList第几个需要解析的文件 * @param {int} 在FileReferenceList数组里的第几个，默认是0，前端可以不传递，这里会出现一个这样的情况，用户点击上传框选择了文件，这个时候产生了一个FileReferenceList，在未上传完成的过程中又点击选择了文件，又产生了一个FileReferenceList，那么这里会出现多个FileReferenceList同时处理 * */ U.UF.UP.deleteUploadFile = function (flashbottom, i, j) { flashbottom.deleteUploadFile(i, j); //flash上传调用 } /** * 删除单个选择文件弹框下所有的文件 * @param {int} 在FileReferenceList数组里的第几个，默认是0，前端可以不传递，这里会出现一个这样的情况，用户点击上传框选择了文件，这个时候产生了一个FileReferenceList，在未上传完成的过程中又点击选择了文件，又产生了一个FileReferenceList，那么这里会出现多个FileReferenceList同时处理 * */ U.UF.UP.deleteReferenceFile = function (flashbottom, i) { flashbottom.deleteReferenceFile(i); //flash上传调用 } /** * 删除所有的文件 * */ U.UF.UP.deleteUploadAllFile = function (flashbottom) { flashbottom.deleteUploadAllFile(); //flash上传调用 } //#endregion //#region 下载 /** * 文件下载区域 * * @param {string} 文件下载的名字 名字.jgp * @param {string} 下载文件的路径 fa.1473.cn/aa.jpg * @param {string} 下载文件的处理类的地址 http://disk.1473.cn/USUpfile.ashx typename=" + (fun || "UploadFile" */ U.UF.UP.download = function (filename, filepath, url) { var _filenameinput = $$("input", { "type": "text", "value": encodeURIComponent(filename), "name": "filename" }), //下载下来的文件名 _filepathinput = $$("input", { "type": "text", "value": filepath, "name": "filepath" }); //下载的文件在服务器的路径 //调用上传的接口进行下载，实际上传接口的作用是把input上传到服务器进行响应 U.UF.UP.inputUpload([_filenameinput, _filepathinput], url); } //#endregion //#region 帮助处理 /** * 获取上传的名字和类型 * * @param {string} 文件名+类型 * @return {array} ----------[0] 文件名 ----------[1] 文件类型 */ U.UF.UP.getFileNameAndExtension = function (filename) { filename = filename.toLocaleLowerCase(); //把文字转成消息 如 gg.JPG 转成 gg.jpg 这样下面判断容易 var _num = filename.lastIndexOf("."), //文件后缀.所在的位置 _index = filename.lastIndexOf("\\"), _xindex = filename.lastIndexOf("/"), _name = filename.substr((_index > _xindex ? _index : _xindex) + 1, _num), //名字 _extension = filename.substr(_num + 1) //后缀 ; return [_name, _extension]; //文件名和后缀数组 } /** * 判断是否为图片类型,fun为文件名,比如"aaaa.jpg" * * @param {string} 文件名 * @param {boolean} 是否为图片 */ U.UF.UP.isImg = function (name) { var _extension = U.UF.UP.getFileNameAndExtension(name.toLowerCase())[1]; //获取文件的后缀 return ["jpg", "gif", "png", "bmp", "jpeg"].indexOf(_extension) > -1; //根据后缀判断文件是否为图片 } /** * 文件由小转大 * * @param {string} 文件 */ U.UF.UP.minUnitToMaxUnit = function (filesize) { var _unitarr = ["B", "KB", "M", "G", "TB"], //指定的文件类型 _unit = (filesize + "").replace(U.UF.S.Num, ""), //获取单位 i = _unitarr.indexOf(_unit) < 0 ? 0 : _unitarr.indexOf(_unit); //现在单位对应下标 filesize = parseFloat(filesize); //获取文件大小 //判断文件大小 while (filesize > 1024) { filesize /= 1024; //每次除以1024，往下一个单位去变化 i++; //单位 } return parseInt(filesize.toFixed(2)) + _unitarr[i]; //文件大小加单位 } /** * 获取最小单位的大小 * * @param {string} 文件大小 如 10000B 10240KB 等等 */ U.UF.UP.maxUnitToByte = function (filesize) { var _unitarr = ["B", "KB", "M", "G", "TB"], //指定的文件类型 _unit = (filesize + "").replace(U.UF.S.Num, ""), //获取单位 i = _unitarr.indexOf(_unit); //看看单位对应的大小 i = i < 0 ? 0 : i; //看看转成最小单位需要*i个1024个次方 return parseFloat(filesize) * Math.pow(1024, i); //获取最大单位 } //#endregion