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

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

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

代碼實現(xiàn)

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

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

<template><div class="container"><div v-show="test" class="test">點擊右上角選擇在瀏覽器中打開</div></div> </template><script> export default {data() {return{token:"",}},activated(){},mounted() {// 判斷是否是微信瀏覽器var is_wx=this.is_weixin()if(is_wx){this.test=true // 是微信瀏覽器，則“點擊右上角選擇在瀏覽器中打開”文字顯示}else{this.test=false // 不是微信瀏覽器，則“點擊右上角選擇在瀏覽器中打開”文字不顯示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é)

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

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