// 引入 MD5 计算组件 https://hu60.org/toastui-editor/spark-md5.min.js
fileUpload(blob, (url) => alert('上传成功：' + url));
function fileUpload(blob, callback) {
let blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice,
file = blob,
chunkSize = 2097152, // Read in chunks of 2MB
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 {
console.debug('完成hash计算');
let fileMd5Hash = spark.end();
console.debug(fileMd5Hash);
fetch("/q.php/api.qiniu.json", {
method: 'GET'
,credentials: 'same-origin'
,headers: {
'X-Requested-With': 'XMLHttpRequest'
}
})
.then(response => response.json())
.then(function (qiniu) {
console.debug('获取七牛云上传Token成功', qiniu);
let fileExt = blob.name.split('.').pop();
let formData = new FormData();
formData.append('file', blob);
formData.append('key', 'file-hash-' + fileExt + '-' + fileMd5Hash + blob.size + '.' + fileExt);
formData.append('token', qiniu.uptoken);
formData.append('name', blob.name);
console.debug('上传文件到七牛云');
fetch('https://' + qiniu.zone.cdnUpHosts[0], {
body: formData
,method: 'POST'
,credentials: 'same-origin'
,headers: {
'X-Requested-With': 'XMLHttpRequest'
}
})
.then(response => response.json())
.then(function (result) {
console.debug('文件上传成功', result)
callback('http://' + qiniu.host + '/' + result.key);
})
.catch(function (error) {
console.warn(error);
alert('上传失败:' + error);
});
})
.catch(function (error) {
console.warn(error);
alert('获取七牛云上传Token失败:' + error);
});
}
};
fileReader.onerror = function () {
console.warn('oops, something went wrong.');
};
function loadNext() {
var start = currentChunk * chunkSize,
end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize;
fileReader.readAsArrayBuffer(blobSlice.call(file, start, end));
}
loadNext();
}
读书顶个鸟用
感谢分享
。
还好正常