下载属性打开文件而不是下载
Download attribute opens file instead of downloading
我想测试使用 HTML 中的 <a> 标签下载本地文件。附加代码似乎没有下载文件，而是打开它。
<p>Interested? Download <a href="download_files/ChannelLogo.png" download>here</a></p>
这取决于文件的位置以及文件的服务方式。
无论哪种方式，无论是带有本地文件的纯静态网站还是由服务器提供服务，您都可能需要再次检查 href 以确保其正确无误。
可能是 /download_files/ChannelLogo.png 之类的小东西，而不是 download_files/ChannelLogo.png。
问题更新后编辑：
是的，Riley 的回答是正确的：它只会在您使用服务器时下载。您可以使用 Node.js 到 运行 之类的服务器并测试您想要做什么。
否则，如果您想更直接地使用文件系统，您可以查看 Electron，这完全取决于您希望对程序执行的操作。
您的代码是正确的，但是，由于大多数浏览器的同源策略，download 属性仅在您从服务器查看代码时才有效。
您是通过双击文件还是直接在浏览器中打开来预览文件？如果预览时的 URL 以类似于 file://FILEPATH_HERE 或 /Users/FILEPATH_HERE 的内容开头，则您正在打开文件而不是提供文件。如果是这样，您应该 运行 您的代码在本地主机设置中进行测试。这可能涉及 运行 在本地安装服务器，或使用 an editor extension 启动基于项目的服务器。一旦您的 URL 以 http:// 或 https:// 开头，下载就会按预期进行。
或者，您可以将项目上传到网络上的某个地方。
我想测试使用 HTML 中的 <a> 标签下载本地文件。附加代码似乎没有下载文件，而是打开它。
<p>Interested? Download <a href="download_files/ChannelLogo.png" download>here</a></p>
这取决于文件的位置以及文件的服务方式。
无论哪种方式，无论是带有本地文件的纯静态网站还是由服务器提供服务，您都可能需要再次检查 href 以确保其正确无误。
可能是 /download_files/ChannelLogo.png 之类的小东西，而不是 download_files/ChannelLogo.png。
问题更新后编辑： 是的，Riley 的回答是正确的：它只会在您使用服务器时下载。您可以使用 Node.js 到 运行 之类的服务器并测试您想要做什么。
否则，如果您想更直接地使用文件系统，您可以查看 Electron，这完全取决于您希望对程序执行的操作。
您的代码是正确的，但是，由于大多数浏览器的同源策略，download 属性仅在您从服务器查看代码时才有效。
您是通过双击文件还是直接在浏览器中打开来预览文件？如果预览时的 URL 以类似于 file://FILEPATH_HERE 或 /Users/FILEPATH_HERE 的内容开头，则您正在打开文件而不是提供文件。如果是这样，您应该 运行 您的代码在本地主机设置中进行测试。这可能涉及 运行 在本地安装服务器，或使用 an editor extension 启动基于项目的服务器。一旦您的 URL 以 http:// 或 https:// 开头，下载就会按预期进行。
或者，您可以将项目上传到网络上的某个地方。