微信浏览器无法下载文件,我们可以跳转外部浏览器进行下载。
首先绑定按钮事件(我这里用的uniapp开发)
<button class=“btn” @click=“downFile”>点击下载文章来源:https://www.toymoban.com/news/detail-559462.html
文章来源地址https://www.toymoban.com/news/detail-559462.html
然后判断当前页面是否是微信浏览器,若是,提示用户打开右上角选择浏览器打开链接,若不是,进行下载
isWxBrowser = () => {
// 判断是否H5微信环境,true为微信浏览器
const ua = navigator.userAgent.toLowerCase()
return ua.match(/MicroMessenger/i) == 'micromessenger' ? true : false
}
进入默认浏览器后对文件进行下载(这里返回的是文件流)
resolveBlob = (res, fileName) => {
const aLink = document.createElement('a')
var blob = new Blob([res])
var fileName = fileName
fileName = fileName.replace(/
到了这里,关于微信浏览器H5下载文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!