搜索 - 论坛

// 引入 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();
}