如何阻止浏览器中“下载”按钮上的“ PDF，JSON和Dockerfiles”打开

Question

我有一个React应用程序，其中有一个下载按钮。下载按钮在那里，允许人们下载不同的文件。文件类型为PDF，JSON，DOCKERFILE和ZIP。

浏览器会自动打开pdf和json文件。我希望它停止打开它们。这是该代码：

if (nextProps.action == DOWNLOAD_FILE_SUCCESS) {

    setTimeout(() => {
            window.location.href = this.props.url;
    }, 100);
}

我的问题是如何阻止他们打开并下载它们。

Answer 1

您可能要为此使用download.js npm软件包。
它可以触发从JavaScript下载文件，而不是直接在浏览器中打开文件