vue+blob，文件流转word文档并实现下载功能

1、HTML中

<ul style="list-style: none;" ref="LDQZOne"><li v-for="(item,index) in form.ldqz"><el-button type="primary" @click="downloadDom(item)">下载附件</el-button></li>
</ul>

2、要想在方法downloadDom()中成功操作dom，就需要在data里定义好要新建的元素

data() {return {elink:document.createElement('a'),},

3、方法里的写法要注意两点，一是务必要在发送请求时，规定responseType:‘blob’；二是在new blob（）时务必也要规定下载文件的MIME 类型 {type: ‘application/msword’}，msword为word ，其余类型可参考(http://www.w3school.com.cn/media/media_mimeref.asp)

downloadDom(document) {         //我是先在另一个接口拿到了文件名之后，再按后台的要求将文件名作为下载接口的参数，//大家按自己的需求写就行了，要是没有文件名，可以在下面自定义this.$http      //大家按自己的写法发请求.get("接口地址", {params: {url: document,   //文件名作为参数，后台要求的//参数按后台要求的上传就行},responseType:'blob'      //重点重点，，位置要写对，// 我刚开始没写在跟params同级，导致下载下来的数据就是乱码}).then(res => {let content = res.data;const blob = new Blob([content], {type: 'application/msword'});     //重点重点，，，//application/msword类型要规定对，自己下载的是什么类型就写对应的类型const fileName = document;      //这个为文件名，可以自定义if ('download' in this.elink) { // 非IE下载this.elink.download = fileName;this.elink.style.display = 'none';this.elink.href = URL.createObjectURL(blob);this.$refs.LDQZOne.appendChild(this.elink);this.elink.click();     //触发点击事件，实现文档下载URL.revokeObjectURL(this.elink.href); // 释放URL 对象this.$refs.LDQZOne.removeChild(this.elink);    //下载完成，移除新建的a标签} else { // IE10+下载navigator.msSaveBlob(blob, fileName)}}).catch(error => {console.log(error);});},

vue+blob，文件流转word文档并实现下载功能相关推荐

「Vue To Words」 - 教你在Vue项目中导出Word文档（包含表格合并，图片修改大小）
前言:最近在项目中遇到了,vue页面需要导出word文档,今日就进行记录一下,如有不对的地方,还请见谅 ^^ 简单说一下需求:需要导出的页面是表格页面,因为包含表格的嵌套和合并,其实最主要的就是导出页 ...
如何用计算机扫描图片变成文字,如何把文字图片或者扫描的文件变成word文档？详细步骤...
我们在日常工作,有时候会遇到需要把文字图片或者扫描的文件变成word文档,最笨的方法就是一个一个字的打到word文档,有一些图片的文字是可以在搜索引擎上找到的,但是首先这个需要运气好.不过,现在小编就 ...
手机pdf文件转语音_用smallpdf如何将pdf文件转word文档
原标题:用smallpdf如何将pdf文件转word文档 PDF文件因为体积小,容易打印,方便阅读等特点,在我们学习或者工作中应用的越来越广泛. 但是,pdf文件格式也有一个致命的缺点因为它的安全性高 ...
怎么把cad文件导入word文档？
方法:我们把CAD图纸以图片的形式插入Word.方法如下: 1.我们运行CAD编辑器专业版,点击菜单栏"文件-打开"选项,或是按快捷键"Ctrl+O",打 ...
如何快速将PDF文件转换为Word文档
PDF文件是一个广泛使用的电子文档格式,其被广泛应用于各种领域,包括教育.商业和政府.虽然PDF文件非常实用,但有时你需要将其转换为Word文档,以便更方便地编辑和处理.以下是几种快速将PDF文件转换 ...
Python-生成word、docs文件[生成word文档]
Python-生成word.docs文件[生成word文档] 方法一:写入新建文档安装第三方库实现代码运行结果注意方法二:运用模板写入word文档安装第三方库创建模板或修改模板实现代码 ...
使用poi操作word文档实现套打功能
使用poi操作word文档实现套打功能本文目的是为了分享一个实现套打功能,但是不同于简单的word的文本替换而是采用poi对word的文本框就行操作实现的功能: poi中各种jar的说明套打的实现 ...
使用PHPWord把html转成word文档并支持下载
在开发项目中,遇到的需求:把后台录入的数据保存成word文档,以便其他人员使用.于是在调研的时候,从git上找了PHPWord. PHPWord官方文档 PHPWord git地址一.安装PHPWo ...
java后台利用模板生成Word文档提供前台下载
2016.12.06更新,java后台利用Apache poi生成Excel文档提供前台下载,博客链接http://blog.csdn.net/u010251278/article/details/5 ...

vue+blob，文件流转word文档并实现下载功能

vue+blob，文件流转word文档并实现下载功能相关推荐

最新文章

热门文章