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',
'要下載的內(nèi)容,引號測試"6"666'
);
</script>
點我下載
在CSDN中可能因為無法執(zhí)行JS等原因看不到效果,具體效果可以前往我的Blog查看。文章來源:http://www.zghlxwxcb.cn/news/detail-539967.html
原創(chuàng)不易,轉載請附上原文鏈接哦~
Tisfy:https://letmefly.blog.csdn.net/article/details/131572006文章來源地址http://www.zghlxwxcb.cn/news/detail-539967.html
到了這里,關于HTML - HTML中使用JS下載文本文件的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!