微信內(nèi)置瀏覽器不支持下載文件的解決方案

在微信的內(nèi)置瀏覽器（QQ內(nèi)置瀏覽器也一樣）里他屏蔽了下載鏈接，不管是app的下載鏈接，還是普通文件的鏈接都屏蔽了。
因此我們可以嘗試通過(guò)默認(rèn)打開瀏覽器進(jìn)行移動(dòng)端的文件下載功能。

思路：
1.首先我們需要寫事件按鈕
2.然后綁定對(duì)應(yīng)的點(diǎn)擊方法 通過(guò)點(diǎn)擊此按鈕 讓頁(yè)面跳轉(zhuǎn)到新建的download頁(yè)面
3.在此頁(yè)面中先通過(guò)判斷是否是微信瀏覽器 如果是 則提示用戶在“默認(rèn)瀏覽器中打開”
4.當(dāng)用戶選擇在瀏覽器打開的同時(shí) 下載方法也將執(zhí)行

代碼實(shí)現(xiàn)

1.（這里是用vant-ui組件庫(kù)開發(fā)） <van-button type="info" @click="download()">文件下載</van-button> download(){this.$router.push({path:"/download"}) },

然后在download這個(gè)頁(yè)面中，進(jìn)行對(duì)應(yīng)的邏輯處理

<template><div class="container"><div v-show="test" class="test">點(diǎn)擊右上角選擇在瀏覽器中打開</div></div> </template><script> export default {data() {return{token:"",}},activated(){},mounted() {// 判斷是否是微信瀏覽器var is_wx=this.is_weixin()if(is_wx){this.test=true // 是微信瀏覽器，則“點(diǎn)擊右上角選擇在瀏覽器中打開”文字顯示}else{this.test=false // 不是微信瀏覽器，則“點(diǎn)擊右上角選擇在瀏覽器中打開”文字不顯示this.download(); // 下載}},methods: {// 下載方法async download() {const params = {token: this.token,};const url = 'https://zwfw.ga.wuxi.gov.cn/jlxk/user/applyWord';this.$api.post( url, params, "", "", "blob","doc","文件");},// 判斷是否是微信瀏覽器 is_weixin() {var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { console.log('微信瀏覽器'); return true;} else { console.log("不是微信瀏覽器"); return false;} },} } </script>

總結(jié)

以上是生活随笔為你收集整理的微信内置浏览器不支持下载文件的解决方案的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。