扫码关注官方订阅号
适用于 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!');
您可以使用数据 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 演示。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
适用于 HTML5 浏览器的简单解决方案...
使用
您可以使用数据 URI。浏览器支持各不相同;请参阅维基百科。示例:
八位字节流用于强制下载提示。否则,它可能会在浏览器中打开。
对于 CSV,您可以使用:
尝试jsFiddle 演示。