有什么方法可以在客户端创建一个文本文件，并提示用户下载它，而不与服务器进行任何交互? 我知道我不能直接写到他们的机器上(安全等)，但是我可以创建并提示他们保存它吗?
当前回答
上面所有的例子在chrome和IE中都运行良好，但在Firefox中却失败了。 请考虑将一个锚附加到主体上，并在点击后将其移除。
var a = window.document.createElement('a');
a.href = window.URL.createObjectURL(new Blob(['Test,Text'], {type: 'text/csv'}));
a.download = 'test.csv';
// Append anchor to body.
document.body.appendChild(a);
a.click();
// Remove anchor from body
document.body.removeChild(a);
其他回答
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>
使用
download('test.txt', 'Hello world!');
我很高兴使用FileSaver.js。它的兼容性非常好(IE10+和其他版本)，而且使用起来非常简单:
var blob = new Blob(["some text"], {
type: "text/plain;charset=utf-8;",
});
saveAs(blob, "thing.txt");
根据@Rick的回答，这真的很有帮助。
如果你想以这种方式共享字符串数据，你必须转义字符串数据:
$('a.download').attr('href', 'data:application/csv;charset=utf-8,'+ encodeURI(data));
｀ 抱歉，我不能评论@Rick的回答，因为我目前在StackOverflow的声誉很低。
分享了一个编辑建议，但被拒绝了。
如果文件包含文本数据，我使用的一种技术是将文本放入textarea元素中，并让用户选择它(在textarea中单击，然后按ctrl-A)，然后复制，然后粘贴到文本编辑器。
您可以使用数据uri。浏览器支持各不相同;看到维基百科。例子:
<a href="data:application/octet-stream;charset=utf-16le;base64,//5mAG8AbwAgAGIAYQByAAoA">text file</a>
八位流是强制下载提示符。否则，它可能会在浏览器中打开。
对于CSV，您可以使用:
<a href="data:application/octet-stream,field1%2Cfield2%0Afoo%2Cbar%0Agoo%2Cgai%0A">CSV Octet</a>
试试jsFiddle演示。
