前言

`有时候项目需要下载一些信息，而后端却又不给我提供接口。我们就可以采用下面的方式，将一些信息保存下载到一个txt文件中。下面我们提供两种下载txt的方式。`

一、采用a标签的download属性实现下载

通过a标签指定文本格式和编码直接下载

/*
* fileName: txt文件名称
* content：文件内容(string)
*/
function downloadTxt(fileName, content) {let a = document.createElement('a');a.href = 'data:text/plain;charset=utf-8,' + contenta.download = fileNamedocument.body.appendChild(a);a.click();document.body.removeChild(a);
}

二、通过文件流的形式下载

通过FileReader转化为base64字符串下载

function downloadTxt(fileName, content) {let blob = new Blob([content], {type: "text/plain;charset=utf-8"});let reader = new FileReader();reader.readAsDataURL(blob);reader.onload = function(e) {let a = document.createElement('a');a.download = fileName;a.href = e.target.result;document.body.appendChild(a);a.click();document.body.removeChild(a);}
}

JS实现下载txt文件相关推荐

js之生成并下载txt文件
转载自:博客园-莫小龙的 js之生成并下载txt文件 function downloadTxt(text, fileName){let element = document.createElemen ...
直接下载txt文件而不是打开它
js下载txt文件,而不是在浏览器中打开它使用axios方法下载(关键点在于指定使用blob) downloadTxt(url) {axios.get(url, {responseType: 'bl ...
js读取服务器txt文件,ZK中使用JS读取客户端txt文件内容问题
最近写一个需求时遇到一个问题,用户需要通过点击一个按钮直接读取他自己电脑上D盘的一个txt文件内容显示到页面,因为项目现在是用ZK写的.我对于ZK也是刚刚了解不就,很多都还不是很熟.起初我是想用io流 ...
js dojo 保存txt文件
js下保存txt文件,需要html5支持创建一个a标签 <a data-dojo-attach-point="downloadNode" download="fi ...
前端把其他格式图片转成png，jpg格式后下载，下载txt文件
文章目录一.其他格式图片(如svg格式)转成png,jpg格式后再下载二.下载txt文件三.直接下载图片一.其他格式图片(如svg格式)转成png,jpg格式后再下载借助canvas(原图可 ...
【Springboot】解决下载TXT文件，浏览器直接打开问题
背景(需求) 在浏览器上点击按钮下载txt文件时,会直接在浏览器打开文件的.那如何使用弹窗下载呢? 前提需要下载的文件,已经在服务器上面,文件结构为 **/download/report/**.tx ...
java 下载txt文件(页面代码+Java后台代码+下载工具类)
需求:页面有一个下载按钮,当点击下载的时候将页面表单数据下载到成为txt文件,并在网页直接下载该文件 1.页面(html) 下载一定要通过form表单的方式,js的ajax函数的返回类型只有xml.t ...
使用js直接下载pdf文件而不用在新的浏览器窗口打开
最近接了一个需求,要求用户点击下载按钮后直接下载pdf文件,而不是打开一个新窗口,让用户再去手动保存. 接到需求后我立刻着手在网上查找文档,发现很多声称可以实现直接下载的方法都不行,只有下面这个方法成 ...
使用a标签下载**.txt文件，而不是直接打开
今天有个使用a标签下载一个 .txt 文件,但是使用了不少方法,在点击下载的时候总是会直接打开被下载的文件,但是下载其他格式的文件就不会:也在网上找了不少资料一.尝试href + download方 ...

JS实现下载txt文件

前言

`有时候项目需要下载一些信息，而后端却又不给我提供接口。我们就可以采用下面的方式，将一些信息保存下载到一个txt文件中。下面我们提供两种下载txt的方式。`

一、采用a标签的download属性实现下载

二、通过文件流的形式下载

JS实现下载txt文件相关推荐

最新文章

热门文章