强制通过HTML下载文件

问题描述

我正试图通过提供文件名来触发下载，但不是在选项卡中打开下载文件。以下是我正在使用的代码。我也在使用Chrome浏览器。

<!DOCTYPE html> 
<html> 
   <body> 
      <p> 
         <a href="someFile.png" download="ID"> 
         <button type="button">Download</button> 
         </a> 
   </body> 
</html>

解决方法

这应该有效

<a href="someFile.png" download>
    <button type="button">Download</button>
</a>

我认为您的浏览器有问题，请尝试更改浏览器。

此外，建议您使用Chrome的设置并向下滚动到高级设置。在“下载”部分中，单击clear您的“自动打开”选项。然后，打开Ask where to save each file before downloading。

您可以先创建一个锚元素，然后再下载文件。请遵循代码段。

var a = document.createElement('a');
a.href = 'file_path';  // file path for the blob object.
a.download = 'file_name.png';  // set file name
a.click();

Chrome已弃用跨域下载，请参见chrome-65-deprecations，您需要将图像放到相同的原始位置，然后它才能工作。

这是可运行的javascript示例，但您的图片应位于同一原点。

master

master

anchor href html javascript

强制通过HTML下载文件

问题描述

解决方法

相关问答