vue 使用Blob实现下载xls文件

1 页面代码

<el-button size="mini" id='testBtn2' @click="test"><i class=" fa fa-search " aria-hidden="true"></i>下载

</el-button>

2 js代码

//测试
test(){var box=document.getElementById("test").outerHTML;var total=document.getElementById("test").outerHTMLvar html = "<html><head><meta charset='utf-8' /></head><style>table{border:1px;}</style><body> <div align='center'><caption>测试</caption></div>" +box+total + "</body></html>";var reg1 = new RegExp('border="0" ' ,'g' );//正则替换var html2=html.replace(reg1,'border="1" ');//全局替换replace不是全局替换，仅仅是单个替换var blob = new Blob([html2], { type: "application/vnd.ms-excel" }); document.getElementById('testBtn').download="1.xls"document.getElementById('testBtn').href= URL.createObjectURL(blob);alert("over")
},

3 示例

vue 使用Blob实现下载xls文件相关推荐

vue后端返回数据流前端导出下载xls文件
后端返回数据流, 前端导出下载xls文件 export function exportMethod() {axios({method:'get',url: url+'params',responseT ...
java从服务器下载xls文件到客户端
查考网上的代码写了一个下载xls文件到客户端的jsp页面,只要将服务器的文件地址传给这个jsp页面就可以实现下载文件到客户端了. Code: <%@ page language="ja ...
利用php下载xls文件
昨天看ECSHOP源码的时候,碰到了一点自己没有学过的只是--如何利用php实现下载xls文件.根据它的源码,我动手实现了一下,成功实现了这个效果. 源码: <?php/**@Descripti ...
移动端下载xls文件
Android通过iframe的src属性直接填写链接下载后打开没有显示内容显示了js语句 window.open 和 a标签下载下来跟上面一样没有查找出这个问提的原因怎么解决但是ios是预览是可 ...
python beautifulsoup下载_使用Python和BeautifulSoup从网页下载.xls文件
你的剧本目前的问题是:url有一个尾随的/在请求时给出一个无效的页面,而不是列出要下载的文件. soup.select(...)中的CSS选择器正在选择具有属性webpartid的div,该属性在链接 ...
java+vue下载xls文件到本地
1.后端java springboot 背景:文件是以xls类型的文件. 第一步:添加依赖 <dependency><groupId>org.apache.poi</gr ...
vue blob流下载zip文件，下载后包文件显示文件损坏
今天遇到一个问题,就是下载的zip文件打不开,一直显示文件被损坏. 本来觉得是后端的问题,但是排除了好久,确实没有问题,postman也实验成功. 后来发现系统main.js中引入了mock数据,影响 ...
php下载xls文件
<a class="btn btn-primary radius" style="background:green" data-title="导 ...
vue+axios+blob导出excel---提示文件损坏解决
1.接口部分注意点1:此处直接resolve(response),而不是(response.data),因为数据处理部分需要拿到后端放在header里面的文件名fileName 注意点2:需要写re ...

vue 使用Blob实现下载xls文件

vue 使用Blob实现下载xls文件相关推荐

最新文章

热门文章