HTML - HTML中使用JS下载文本文件
如果只希望将一些文本以文件形式保存到本地,则可以使用a
标签
方法一:使用href属性
<a href="data:text/plain;charset=utf-8,要保存文件的文本" download="文本.txt">点我下载</a>
点我下载
拓展:字符串形式的DOM:
div = document.querySelector("div");
str = div.innerHTML
方法二:使用Blog文件流
方法一中若要下载的文本中有引号,则转义起来比较麻烦。因此可以使用文件流来进行下载:
<a id="ToDownload">点我下载</a>
<script>
function set1download(a, fileName, fileStream) {
const blob = new Blob([fileStream], {type: 'application/text'});
const href = window.URL.createObjectURL(blob);
a.href = href;
a.download = decodeURI(fileName);
// window.URL.revokeObjectURL(href);
}
set1download(
document.querySelector("#ToDownload"),
'文本文件下载测试.txt',
'要下载的内容,引号测试"6"666'
);
</script>
点我下载
在CSDN中可能因为无法执行JS等原因看不到效果,具体效果可以前往我的Blog查看。文章来源:https://www.toymoban.com/news/detail-539967.html
原创不易,转载请附上原文链接哦~
Tisfy:https://letmefly.blog.csdn.net/article/details/131572006文章来源地址https://www.toymoban.com/news/detail-539967.html
到了这里,关于HTML - HTML中使用JS下载文本文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!