| | |
| | | define([], function () { |
| | | require.config({ |
| | | if (typeof Config.upload.storage !== 'undefined' && Config.upload.storage === 'hwobs') { |
| | | require(['upload'], function (Upload) { |
| | | //获取文件MD5值 |
| | | var getFileMd5 = function (file, cb) { |
| | | //如果savekey中未检测到md5,则无需获取文件md5,直接返回upload的uuid |
| | | if (!Config.upload.savekey.match(/\{(file)?md5\}/)) { |
| | | cb && cb(file.upload.uuid); |
| | | return; |
| | | } |
| | | require(['../addons/hwobs/js/spark'], function (SparkMD5) { |
| | | var blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice, |
| | | chunkSize = 10 * 1024 * 1024, |
| | | chunks = Math.ceil(file.size / chunkSize), |
| | | currentChunk = 0, |
| | | spark = new SparkMD5.ArrayBuffer(), |
| | | fileReader = new FileReader(); |
| | | |
| | | fileReader.onload = function (e) { |
| | | spark.append(e.target.result); |
| | | currentChunk++; |
| | | if (currentChunk < chunks) { |
| | | loadNext(); |
| | | } else { |
| | | cb && cb(spark.end()); |
| | | } |
| | | }; |
| | | |
| | | fileReader.onerror = function () { |
| | | console.warn('文件读取错误'); |
| | | }; |
| | | |
| | | function loadNext() { |
| | | var start = currentChunk * chunkSize, |
| | | end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize; |
| | | |
| | | fileReader.readAsArrayBuffer(blobSlice.call(file, start, end)); |
| | | } |
| | | |
| | | loadNext(); |
| | | }); |
| | | }; |
| | | |
| | | var _onInit = Upload.events.onInit; |
| | | //初始化中完成判断 |
| | | Upload.events.onInit = function () { |
| | | _onInit.apply(this, Array.prototype.slice.apply(arguments)); |
| | | //如果上传接口不是hwobs,则不处理 |
| | | if (this.options.url !== Config.upload.uploadurl) { |
| | | return; |
| | | } |
| | | $.extend(this.options, { |
| | | //关闭自动处理队列功能 |
| | | autoQueue: false, |
| | | params: function (files, xhr, chunk) { |
| | | var params = $.extend({}, Config.upload.multipart); |
| | | if (chunk) { |
| | | return $.extend({}, params, { |
| | | filesize: chunk.file.size, |
| | | filename: chunk.file.name, |
| | | chunkid: chunk.file.upload.uuid, |
| | | chunkindex: chunk.index, |
| | | chunkcount: chunk.file.upload.totalChunkCount, |
| | | chunkfilesize: chunk.dataBlock.data.size, |
| | | chunksize: this.options.chunkSize, |
| | | width: chunk.file.width || 0, |
| | | height: chunk.file.height || 0, |
| | | type: chunk.file.type, |
| | | uploadId: chunk.file.uploadId, |
| | | key: chunk.file.key, |
| | | }); |
| | | } |
| | | return params; |
| | | }, |
| | | chunkSuccess: function (chunk, file, response) { |
| | | var etag = chunk.xhr.getResponseHeader("ETag").replace(/(^")|("$)/g, ''); |
| | | this.etags = this.etags ? this.etags : []; |
| | | this.etags[chunk.index] = etag; |
| | | }, |
| | | chunksUploaded: function (file, done) { |
| | | var that = this; |
| | | |
| | | Fast.api.ajax({ |
| | | url: "/addons/hwobs/index/upload", |
| | | data: { |
| | | action: 'merge', |
| | | filesize: file.size, |
| | | filename: file.name, |
| | | chunkid: file.upload.uuid, |
| | | chunkcount: file.upload.totalChunkCount, |
| | | md5: file.md5, |
| | | key: file.key, |
| | | uploadId: file.uploadId, |
| | | etags: this.etags, |
| | | category: file.category || '', |
| | | hwobstoken: Config.upload.multipart.hwobstoken, |
| | | }, |
| | | }, function (data, ret) { |
| | | done(JSON.stringify(ret)); |
| | | return false; |
| | | }, function (data, ret) { |
| | | file.accepted = false; |
| | | that._errorProcessing([file], ret.msg); |
| | | return false; |
| | | }); |
| | | |
| | | }, |
| | | }); |
| | | |
| | | var _success = this.options.success; |
| | | //先移除已有的事件 |
| | | this.off("success", _success).on("success", function (file, response) { |
| | | var ret = {code: 0, msg: response}; |
| | | try { |
| | | if (response) { |
| | | ret = typeof response === 'string' ? JSON.parse(response) : response; |
| | | } |
| | | if (file.xhr.status === 200 || file.xhr.status === 204) { |
| | | |
| | | if (Config.upload.uploadmode === 'client') { |
| | | ret = {code: 1, data: {url: '/' + file.key}}; |
| | | } |
| | | |
| | | if (ret.code == 1) { |
| | | var url = ret.data.url || ''; |
| | | Fast.api.ajax({ |
| | | url: "/addons/hwobs/index/notify", |
| | | data: {name: file.name, url: url, md5: file.md5, size: file.size, width: file.width || 0, height: file.height || 0, type: file.type, category: file.category || '', hwobstoken: Config.upload.multipart.hwobstoken} |
| | | }, function () { |
| | | return false; |
| | | }, function () { |
| | | return false; |
| | | }); |
| | | } else { |
| | | console.error(ret); |
| | | } |
| | | } else { |
| | | console.error(file.xhr); |
| | | } |
| | | } catch (e) { |
| | | console.error(e); |
| | | } |
| | | _success.call(this, file, ret); |
| | | }); |
| | | |
| | | this.on("addedfile", function (file) { |
| | | var that = this; |
| | | setTimeout(function () { |
| | | if (file.status === 'error') { |
| | | return; |
| | | } |
| | | getFileMd5(file, function (md5) { |
| | | var chunk = that.options.chunking && file.size > that.options.chunkSize ? 1 : 0; |
| | | var params = $(that.element).data("params") || {}; |
| | | var category = typeof params.category !== 'undefined' ? params.category : ($(that.element).data("category") || ''); |
| | | category = typeof category === 'function' ? category.call(that, file) : category; |
| | | Fast.api.ajax({ |
| | | url: "/addons/hwobs/index/params", |
| | | data: {method: 'POST', category: category, md5: md5, name: file.name, type: file.type, size: file.size, chunk: chunk, chunksize: that.options.chunkSize, hwobstoken: Config.upload.multipart.hwobstoken}, |
| | | }, function (data) { |
| | | file.md5 = md5; |
| | | file.id = data.id; |
| | | file.key = data.key; |
| | | file.date = data.date; |
| | | file.uploadId = data.uploadId; |
| | | file.policy = data.policy; |
| | | file.signature = data.signature; |
| | | file.partsAuthorization = data.partsAuthorization; |
| | | file.headers = data.headers; |
| | | delete data.headers; |
| | | file.params = data; |
| | | file.category = category; |
| | | |
| | | if (file.status != 'error') { |
| | | //开始上传 |
| | | that.enqueueFile(file); |
| | | } else { |
| | | that.removeFile(file); |
| | | } |
| | | return false; |
| | | }, function () { |
| | | that.removeFile(file); |
| | | }); |
| | | }); |
| | | }, 0); |
| | | }); |
| | | |
| | | if (Config.upload.uploadmode === 'client') { |
| | | var _method = this.options.method; |
| | | var _url = this.options.url; |
| | | this.options.method = function (files) { |
| | | if (files[0].upload.chunked) { |
| | | var chunk = null; |
| | | files[0].upload.chunks.forEach(function (item) { |
| | | if (item.status === 'uploading') { |
| | | chunk = item; |
| | | } |
| | | }); |
| | | if (!chunk) { |
| | | return "POST"; |
| | | } else { |
| | | return "PUT"; |
| | | } |
| | | } else { |
| | | return "POST"; |
| | | } |
| | | return _method; |
| | | }; |
| | | this.options.url = function (files) { |
| | | if (files[0].upload.chunked) { |
| | | var chunk = null; |
| | | files[0].upload.chunks.forEach(function (item) { |
| | | if (item.status === 'uploading') { |
| | | chunk = item; |
| | | } |
| | | }); |
| | | var index = chunk.dataBlock.chunkIndex; |
| | | this.options.headers = {"Authorization": files[0]['partsAuthorization'][index], "x-amz-date": files[0]['date']}; |
| | | if (!chunk) { |
| | | return Config.upload.uploadurl + "/" + files[0].key + "?uploadId=" + files[0].uploadId; |
| | | } else { |
| | | return Config.upload.uploadurl + "/" + files[0].key + "?partNumber=" + (index + 1) + "&uploadId=" + files[0].uploadId; |
| | | } |
| | | } |
| | | return _url; |
| | | }; |
| | | this.options.params = function (files, xhr, chunk) { |
| | | var params = Config.upload.multipart; |
| | | delete params.category; |
| | | if (chunk) { |
| | | return $.extend({}, params, { |
| | | filesize: chunk.file.size, |
| | | filename: chunk.file.name, |
| | | chunkid: chunk.file.upload.uuid, |
| | | chunkindex: chunk.index, |
| | | chunkcount: chunk.file.upload.totalChunkCount, |
| | | chunkfilesize: chunk.dataBlock.data.size, |
| | | width: chunk.file.width || 0, |
| | | height: chunk.file.height || 0, |
| | | type: chunk.file.type, |
| | | }); |
| | | } else { |
| | | var retParams = $.extend({}, params, files[0].params || {}); |
| | | delete retParams.hwobstoken; |
| | | delete retParams.date; |
| | | delete retParams.md5; |
| | | if (Config.upload.uploadmode !== 'client') { |
| | | params.category = files[0].category || ''; |
| | | } |
| | | return retParams; |
| | | } |
| | | }; |
| | | this.on("sending", function (file, xhr, formData) { |
| | | var that = this; |
| | | var _send = xhr.send; |
| | | //仅允许部分字段 |
| | | var allowFields = ['partNumber', 'uploadId', 'key', 'AccessKeyId', 'policy', 'signature', 'file']; |
| | | formData.forEach(function (value, key) { |
| | | if (allowFields.indexOf(key) < 0) { |
| | | formData.delete(key); |
| | | } |
| | | }); |
| | | if (file.upload.chunked) { |
| | | xhr.send = function () { |
| | | if (file.upload.chunked) { |
| | | var chunk = null; |
| | | file.upload.chunks.forEach(function (item) { |
| | | if (item.status == 'uploading') { |
| | | chunk = item; |
| | | } |
| | | }); |
| | | _send.call(xhr, chunk.dataBlock.data); |
| | | } |
| | | }; |
| | | } |
| | | }); |
| | | } |
| | | }; |
| | | }); |
| | | } |
| | | |
| | | require.config({ |
| | | paths: { |
| | | 'nkeditor': '../addons/nkeditor/js/customplugin', |
| | | 'nkeditor-core': '../addons/nkeditor/nkeditor', |
| | |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | |
| | | //修改上传的接口调用 |
| | | require(['upload'], function (Upload) { |
| | | |
| | | var _onInit = Upload.events.onInit; |
| | | //初始化中完成判断 |
| | | Upload.events.onInit = function () { |
| | | _onInit.apply(this, Array.prototype.slice.apply(arguments)); |
| | | //如果上传接口不是七牛云,则不处理 |
| | | if (this.options.url !== Config.upload.uploadurl) { |
| | | return; |
| | | } |
| | | var _success = this.options.success; |
| | | |
| | | $.extend(this.options, { |
| | | chunkSuccess: function (chunk, file, response) { |
| | | this.contexts = this.contexts ? this.contexts : []; |
| | | this.contexts.push(typeof response.ctx !== 'undefined' ? response.ctx : response.data.ctx); |
| | | }, |
| | | chunksUploaded: function (file, done) { |
| | | var that = this; |
| | | var params = $(that.element).data("params") || {}; |
| | | var category = typeof params.category !== 'undefined' ? params.category : ($(that.element).data("category") || ''); |
| | | category = typeof category === 'function' ? category.call(this, file) : category; |
| | | Fast.api.ajax({ |
| | | url: "/addons/qiniu/index/upload", |
| | | data: { |
| | | action: 'merge', |
| | | filesize: file.size, |
| | | filename: file.name, |
| | | chunkid: file.upload.uuid, |
| | | chunkcount: file.upload.totalChunkCount, |
| | | width: file.width || 0, |
| | | height: file.height || 0, |
| | | type: file.type, |
| | | category: category, |
| | | qiniutoken: Config.upload.multipart.qiniutoken, |
| | | contexts: this.contexts |
| | | }, |
| | | }, function (data, ret) { |
| | | done(JSON.stringify(ret)); |
| | | return false; |
| | | }, function (data, ret) { |
| | | file.accepted = false; |
| | | that._errorProcessing([file], ret.msg); |
| | | return false; |
| | | }); |
| | | |
| | | }, |
| | | }); |
| | | |
| | | //先移除已有的事件 |
| | | this.off("success", _success).on("success", function (file, response) { |
| | | var that = this; |
| | | var ret = {code: 0, msg: response}; |
| | | try { |
| | | ret = typeof response === 'string' ? JSON.parse(response) : response; |
| | | if (file.xhr.status === 200) { |
| | | if (Config.upload.uploadmode === 'client') { |
| | | if (typeof ret.key !== 'undefined') { |
| | | ret = {code: 1, msg: "", data: {url: '/' + ret.key, hash: ret.hash}}; |
| | | } |
| | | } |
| | | |
| | | if (ret.code == 1) { |
| | | var url = ret.data.url || ''; |
| | | var params = $(that.element).data("params") || {}; |
| | | var category = typeof params.category !== 'undefined' ? params.category : ($(that.element).data("category") || ''); |
| | | category = typeof category === 'function' ? category.call(that, file) : category; |
| | | Fast.api.ajax({ |
| | | url: "/addons/qiniu/index/notify", |
| | | data: {name: file.name, url: ret.data.url, hash: ret.data.hash, size: file.size, width: file.width || 0, height: file.height || 0, type: file.type, category: category, qiniutoken: Config.upload.multipart.qiniutoken} |
| | | }, function () { |
| | | return false; |
| | | }, function () { |
| | | return false; |
| | | }); |
| | | } else { |
| | | console.error(ret); |
| | | } |
| | | } else { |
| | | console.error(file.xhr); |
| | | } |
| | | } catch (e) { |
| | | console.error(e); |
| | | } |
| | | _success.call(this, file, ret); |
| | | }); |
| | | |
| | | //如果是直传模式 |
| | | if (Config.upload.uploadmode === 'client') { |
| | | var _url = this.options.url; |
| | | |
| | | //分片上传时URL链接不同 |
| | | this.options.url = function (files) { |
| | | this.options.headers = {"Authorization": "UpToken " + Config.upload.multipart.qiniutoken}; |
| | | if (files[0].upload.chunked) { |
| | | var chunk = null; |
| | | files[0].upload.chunks.forEach(function (item) { |
| | | if (item.status === 'uploading') { |
| | | chunk = item; |
| | | } |
| | | }); |
| | | if (!chunk) { |
| | | return Config.upload.uploadurl + '/mkfile/' + files[0].size; |
| | | } else { |
| | | return Config.upload.uploadurl + '/mkblk/' + chunk.dataBlock.data.size; |
| | | } |
| | | } |
| | | return _url; |
| | | }; |
| | | |
| | | this.options.params = function (files, xhr, chunk) { |
| | | var params = Config.upload.multipart; |
| | | if (chunk) { |
| | | return $.extend({}, params, { |
| | | filesize: chunk.file.size, |
| | | filename: chunk.file.name, |
| | | chunkid: chunk.file.upload.uuid, |
| | | chunkindex: chunk.index, |
| | | chunkcount: chunk.file.upload.totalChunkCount, |
| | | chunkfilesize: chunk.dataBlock.data.size, |
| | | width: chunk.file.width || 0, |
| | | height: chunk.file.height || 0, |
| | | type: chunk.file.type, |
| | | }); |
| | | } else { |
| | | var retParams = $.extend({}, params); |
| | | //七牛云直传使用的是token参数 |
| | | retParams.token = retParams.qiniutoken; |
| | | delete retParams.qiniutoken; |
| | | return retParams; |
| | | } |
| | | }; |
| | | |
| | | //分片上传时需要变更提交的内容 |
| | | this.on("sending", function (file, xhr, formData) { |
| | | if (file.upload.chunked) { |
| | | var _send = xhr.send; |
| | | xhr.send = function () { |
| | | var chunk = null; |
| | | file.upload.chunks.forEach(function (item) { |
| | | if (item.status == 'uploading') { |
| | | chunk = item; |
| | | } |
| | | }); |
| | | if (chunk) { |
| | | _send.call(xhr, chunk.dataBlock.data); |
| | | } |
| | | }; |
| | | } |
| | | }); |
| | | } |
| | | }; |
| | | |
| | | }); |
| | | |
| | | }); |