javascript - 如何在内存中创建文件供用户下载，而不是通过服务器下载？(How to create a file in memory for user to download, but not through server?)

Question

Is there any way I can create a text file on the client side and prompt the user to download it, without any interaction with the server?(有什么方法可以在客户端上创建文本文件并提示用户下载文本文件，而无需与服务器进行任何交互？)

I know I can't write directly to their machine (security and all), but can I create and prompt them to save it?(我知道我不能直接写给他们的机器（安全性和全部），但是我可以创建并提示他们保存吗？)   ask by Joseph Silber translate from so

Answer 1

Simple solution for HTML5 ready browsers...(适用于HTML5的浏览器的简单解决方案...)

 function download(filename, text) { var element = document.createElement('a'); element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); element.setAttribute('download', filename); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element); } 

 form * { display: block; margin: 10px; } 

 <form onsubmit="download(this['name'].value, this['text'].value)"> <input type="text" name="name" value="test.txt"> <textarea name="text"></textarea> <input type="submit" value="Download"> </form> 

Usage(用法)

download('test.txt', 'Hello world!');