Javascript 下载属性在Chrome上不起作用_Javascript_Html_Image

Javascript 下载属性在Chrome上不起作用

javascript html image

Javascript 下载属性在Chrome上不起作用,javascript,html,image,Javascript,Html,Image,我尝试使用下载属性，它在Firefox上工作，但当我在Chrome上运行相同的HTML文件时，它不工作这是我的html文件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Download</title> </head> <body> <a download=

我尝试使用下载属性，它在Firefox上工作，但当我在Chrome上运行相同的HTML文件时，它不工作

这是我的html文件：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Download</title>
  </head>
  <body>

      <a download="mylogo" href="san-francisco.jpg"><img src="san-francisco.jpg" alt="Photo" width="104" height="142"></a>

  </body>
</html>


下载

试试这个：

<a target="_blank" download="mylogo" href="san-francisco.jpg" title="ImageName">
    <img alt="ImageName" src="san-francisco.jpg" width="104" height="142">
</a>

如果不是因为这个：

下载属性：

如果HTTP标头Content Disposition:存在并且提供的文件名与此属性不同，则HTTP标头的优先级高于此属性

如果此属性存在且Content-Disposition:设置为inline，Firefox将优先考虑内容配置，就像文件名大小写一样，而Chrome将优先考虑下载属性

HTTP头

我认为您的代码没有任何问题。。它应该在chromeis上运行你所有的代码？因为它应该可以正常工作。我不明白你的答案，我必须在代码中添加什么？尝试将target blank放入，target=“\u blank”如果仍然不起作用，尝试使用xampp控件将html文件放入Apache等服务器。因为下载属性在服务器上正常工作。这样地：