小程序调试webview
修改hosts文件,合法域名指向本地项目
路径:C:\Windows\System32\drivers\etc
chooseImage
微信文档查看使用方法
返回临时路径:wxLocalResource://imageidQzpcVXNlcnNcQWRtaW5pc3RyYXRvclxQaWN0dXJlc1wxLmpwZw==
getLocalImgData
微信文档查看使用方法
通过临时路径获取图片base64
安卓需加前缀 data:image/jpeg;base64,
base64转file
网上很多方法 百度一下吧
// 调起图片选择
loadImage () {
this.isNeedTip = false
if (this.$platform.miniProgram) {
wx.chooseImage({
count: 9 - this.photoNum,
success: async (pic) => {
let files = []
for (let i = 0; i < pic.localIds.length; i++) {
let file = await this.loadLocalImag(pic.localIds[i])
if (file) {
files.push(file)
}
}
this.handleSelectImage({
target: {
files
}
})
},
fail: (err) => {
console.log(err)
this.$toast('无法选择图片', JSON.stringify(err))
}
})
} else { // 非小程序环境使用h5上传
this.$refs.file.click()
}
this.curIndex = -1
},
// 微信加载本地图片
async loadLocalImag (localId) {
return new Promise((resolve, reject) => {
wx.getLocalImgData({
localId: localId,
success: (res) => {
var localData = res.localData
if (this.$platform.android) {
localData = 'data:image/jpeg;base64,' + localData
}
resolve(base64ImgtoFile(localData))
},
fail: (err) => {
console.log(err)
reject(new Error(false))
this.$toast('无法读取图片', JSON.stringify(err))
}
})
})
},
hosts配置
image.png
chooseImage 返回值
image.png
getLocalImgData返回值
image.png