"失败-网络错误"当尝试在HTML5中使用'下载'属性提供下载时

Question

• 从用户处获取文件（使用“dropzone”拖放引导模块接收文件）
• 修改并对文件进行一些“工作”
• 将文件压缩到一起，以便下载单个文件
• 将下载内容发送回用户进行下载（自动或通过链接，详情如下）

上面的粗线是不起作用的，我正在努力弄清楚。以下是相关的超文本标记语言和javascript的文章：

<button type="button" class="btn btn-primary" id="transform">
    <span class="glyphicon glyphicon-wrench"></span>
    Transform Uploaded Files
</button>
<a id="test_dl" href="" download="user_download.zip">
    Download File
</a>
$('#transform').click(function (e) {

    $.getJSON('/transform', {}, function (final_zip){
        var zipfile = "file://" + final_zip.zip_filename

        $('a#test_dl').attr("href", zipfile)
    });
});

用户单击"转换上传文件"按钮，然后将href更新到生成的zipfile位置，然后能够通过单击"下载文件"超文本标记语言下载生成的包。

到目前为止，我已经在Chrome上对此进行了测试，使用开发者控制台，我可以看到href在点击下载按钮之前得到了正确的更新，但它总是会显示一个“失败-网络错误”对话框。奇怪的是，当我点击“显示所有下载”，然后点击失败的下载，它成功完成。

• 这里似乎出了什么问题？
• 这是正确的方法吗？我所要做的就是在流程完成后将文件发送回用户。我担心文件：//无论如何都是不正确的，当服务器实际上远离使用它的用户时，它会让我失败（目前它是本地的，因为我正在开发它）

编辑：我应该补充一点，这个的后端目前正在Python的烧瓶上运行

Answer 1

基于如何将JavaScript数组信息导出到csv（客户端）？以下是我如何实现此问题的解决方案：

请注意，我只需要一个Chrome-web解决方案，所以这就是我使用的。对于完整的解决方案，您需要查看原始answ中的示例

$.ajax({
    url: "/getData",
    dataType: "text",
    success: function(data){            
        $("#download").attr({
            "value": "Download",
            "href": URL.createObjectURL(new Blob([data], {
                  type: "application/octet-stream"
            })),
            "download": "outputFile.csv"
        });
    }
});

Answer 2

显然，这是Chrome的问题，数据URL变得太长。我自己还在研究，但显然有一些解决方案涉及Blob对象。

看到这里：下载画布作为PNG在fabric.js给网络错误

这里：如何将JavaScript数组信息导出到csv（客户端）？