时间戳

首页 > 解决方案 > 如何将大文本文件下载/上传到客户端应用程序

javascript - 如何将大文本文件下载/上传到客户端应用程序

问题描述

我试图下载 .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也是如此 ，我也需要能够上传。

标签： javascripthtmlfilestream

解决方案

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

所以，只要你的网站是 https 的，你就可以使用 service worker 拦截 URL fetch 请求，并下载内容。

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

推荐阅读