Vue 开发在微信公众号中如何文件下载

通常我们调用下载接口时，我们需要根据后端提供的接口返回信息进行相应的处理操作。

1.接口返回文件路径（部分）。

window.open('http://192.168.22.246:8080'+ filePath)

2.本窗口打开下载

window.location.href = "xxx?id=" + data.id;

3.接口返回文件流信息。

doweloadApi(data) {console.log(data);this.$axios({method: "get",url: "xxx?id=" + data.id,responseType: "blob"}).then(res => {const content = res;const blob = new Blob([content]);const fileName = `${new Date().getTime()}_下载结果.xlsx`;if ("download" in document.createElement("a")) {const elink = document.createElement("a");elink.download = fileName;elink.style.display = "none";elink.href = URL.createObjectURL(blob);document.body.appendChild(elink);elink.click();URL.revokeObjectURL(elink.href);document.body.removeChild(elink);} else {navigator.msSaveBlob(blob, fileName);}}).catch(err => {console.log(err);});
}

接口返回文件流在浏览器中测试是没有问题的，但是微信浏览器是屏蔽资源文件下载的，那么微信公众号中如何下载呢？

网上提供了一种方法就是：引导用户打开浏览器中下载，详细请参考：vue开发微信公众号之文件下载。

Vue 开发在微信公众号中如何文件下载相关推荐

php 微信开发菜单,微信公众号中个性化菜单的开发实例
微信公众号中个性化菜单的开发实例个性化菜单让公众号的不同用户群体看到不一样的自定义菜单.该接口开放给已认证订阅号和已认证服务号,个性化菜单要求用户的微信客户端版本在iPhone6.2.2,Andro ...
vue开发项目微信公众号授权支付开发
一.注册微信公众号服务号并填写企业信息(个人订阅号没有开发微信支付的权限) 链接: https://mp.weixin.qq.com/ 二.在微信公众号内进行微信认证(3-5个工作日) 三.在微信公众 ...
基于WeX5平台开发微信公众号中的在线问卷调查
在线调查问卷在我们的生活中应用的非常广泛,能够非常方便快捷的获取到我们需要的信息,统计分析出相关核心的数据,方便我们的决策.在微信发展迅速的时代,覆盖面非常的大,那么基于微信公众号去推送我们的在线问卷 ...
java开发的微信公众号服务端生产环境中的两个大坑
摘要: 我们开发的公众号,由于将功能开发完毕后,未对服务进行压力测试,因此用到的组件中的参数值全是默认的,服务上线后一段时间运行得倒没什么问题,随着服务得访问量增加,一些多线程并发的问题就逐步暴露出来 ...
在做vue h5 时因改变手机字体导致页面布局错乱比如在微信公众号中放入h5 客户把手机字体或者微信字体调大导致页面错乱
认定了就要好好的珍惜对待,人生不容辜负,你必须要更加努力 .加油骚年 ** 正文: ** 在做vue h5 时因改变手机字体导致页面布局错乱比如在微信公众号中放入h5 客户把手机字体或者微信字 ...
微信公众号中的支付宝支付与微信支付支付宝支付问题（微信bug）
一般,在微信公众号中的商城都是需要支持微信支付和支付宝支付的,当然,较大的公司对于鹅厂和阿里的站队就不说了,所以这里简单记录一下支付宝支付和微信支付的主要流程.说是简单介绍,这是因为确实不难,因为前端 ...
微信公众平台菜单编辑php,如何使用Vue.js实现微信公众号菜单编辑器（思路详解）...
这次给大家带来如何使用Vue.js实现微信公众号菜单编辑器(思路详解),使用Vue.js实现微信公众号菜单编辑器的注意事项有哪些,下面就是实战案例,一起来看一下. 学习一段时间Vue.js,于是想尝试 ...
微信公众平台菜单编辑php,Vue.js实现微信公众号菜单编辑器步骤详解（上）
这次给大家带来Vue.js实现微信公众号菜单编辑器步骤详解(上),Vue.js实现微信公众号菜单编辑器的注意事项有哪些,下面就是实战案例,一起来看一下. 学习一段时间Vue.js,于是想尝试着做一个像 ...
python微信公众号翻译功能怎么用_Watson使用指南（七）在微信公众号中实现识图作诗功能...
本文章主要是写一下这个项目开发的过程及之间遇到的问题,作为记录,也希望以此为契机认识志同道合的朋友,一起学习交流. 目录: 概述环境准备及相关账号申请部署Python Flask应用到Bluemi ...

Vue 开发在微信公众号中如何文件下载

Vue 开发在微信公众号中如何文件下载相关推荐

最新文章

热门文章