const self = this
wx.downloadFile({
url: 'https://web-1251059917.cos.ap-shanghai.myqcloud.com/UC/icons/0627/beifen.svg', //仅为示例,并非真实的资源
success: (res) => {
console.log(res)
const fs = wx.getFileSystemManager()
fs.saveFile({
tempFilePath: res.tempFilePath,
success: function (res) {
console.log('saveFile', res)
self.setData({
'svg': res.savedFilePath
})
}
});
}
})
页面中代码本地的地址svg无法显示.如果换成图片就可以显示.
<image src="{{svg}}" mode=""/>
<image src="https://web-1251059917.cos.ap-shanghai.myqcloud.com/UC/icons/0627/beifen.svg" mode=""/>
我这边测试一下,你换一个图片看看,我这边直接打开链接是无法访问得
记得要勾选不校验域名
2024年4月了 这个问题依然存在
朋友解决了吗,我也是这样,我对比了正常的网络svg请求,重定向后的content-type不对,正常应该是image/svg+xml,而这里是text/plain
楼主解决了吗,我这边也是这样有相同的问题,显示不了
我也遇到了同样的问题,
尝试使用真机调试
https://web-1251059917.cos.ap-shanghai.myqcloud.com/UC/icons/0627/beifen.svg
这个svg是有效地址
微信开放社区 https://developers.weixin.qq.com/community/develop/doc/00084090530078d5d9404b33c6b800