如何将大型文本文件下载/上传到客户端应用

时间:2019-02-12 10:47:34

标签: javascript html file stream

我正在尝试下载.obj文件,该文件是从顶点的二进制数组生成客户端的。问题是浏览器窗口内存中没有太多的顶点

exportOBJ() {
    var output = 'o object_export\n';
    var i, j, k, l, x, y, z;

    var vertices = this._vertices.array;

    for (i = 0; i < vertices.length; i += 3) {
        x = vertices[i];
        y = vertices[i + 1];
        z = vertices[i + 2];

        output += 'v ' + x + ' ' + y + ' ' + z + '\n';
    }

    //Other data...
}

//保存方法

    function (data) {

        var blob = new Blob([data], { type: 'text/obj;charset=utf-8;' });
        if (navigator.msSaveBlob) { // IE 10+
            navigator.msSaveBlob(blob, filename);
        } else {
            var link = document.createElement("a");
            if (link.download !== undefined) { // feature detection
                // Browsers that support HTML5 download attribute
                var url = URL.createObjectURL(blob);
                link.setAttribute("href", url);
                link.setAttribute("download", 'export.obj');
                link.style.visibility = 'hidden';
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
            }
        }
    })

因此,这对于较小的顶点文件可以正常工作,但是当有许多顶点(例如10M)时,浏览器窗口崩溃。 据我了解,我研究了使用文件流,但这不是客户端。 https://github.com/jimmywarting/StreamSaver.js也是如此,我还需要能够上传。

1 个答案:

答案 0 :(得分:0)

在您的问题中提到的github项目中,提到您的网站在https上运行时,它可以在客户端运行。仅当您的网站不是https时,它才会使用中间人策略。

因此,只要您的网站为https,您就可以使用服务工作者拦截URL提取请求并下载内容。

顺便说一句,您提到的项目非常有用。谢谢。