如何在单击 html 按钮时将文件下载到个人计算机？

Question

<button type="submit" class="myButton" onclick="window.open('test.txt')">Money Dispenser</button>

Is the current code i have, and does not do anything at all when i click it. ( I want it to download test.txt to the computer or device of the user who cliked it)

Answer 1

您可以使用：

<a href="data:text/plain;charset=UTF-8,test.txt" download>Download</a>

Answer 2

I don't really understand what you are trying to achieve using a submit button, if it's not mandatory I'd use an <a> .

With pure HTML5 using the download attribute

<a href="test.txt" download>Money Dispenser</a>

Or with Javascript if you have to use a <button>

This has already been covered grealy in this question

But the gist of it is, create a function to download files as shown on that thread and add it to your <button>

<button onclick="donwloaURI('data:text/plain,Test', 'Test.txt')">Money Dispenser</button>

Answer 3

You can use the HTML download attribute to specify that the target will be downloaded when a user clicks on the hyperlink.

<a href="/download-file-path-here" download>
  Money Dispenser
</a>