使用canvas保存图片后得到_doc/uniapp_temp_1567075682417/canvas/1567075712160.png图片路径；
然后在另一个页面使用image组件显示图片，结果无法显示；
应该是要将路径“_doc/uniapp_temp_1567075682417/canvas/1567075712160.png”转成绝对路径，但是没有找到相关的方法；
请问image组件如何显示“_doc/uniapp_temp_1567075682417/canvas/1567075712160.png”图片？
5***@qq.com
- 发布：2019-08-30 10:27
- 更新：2026-04-01 15:16
- 阅读：6637
5***@qq.com (作者)
问题解决了：
//#ifdef APP-PLUS
// imagePath: _doc/uniapp_temp_1567151470119/canvas/1567151523164.png
var p = plus.io.convertLocalFileSystemURL(imagepath);
console.debug(p); // /var/mobile/Containers/Data/Application/545BD6FA-763C-4CDF-9B70-4D37C37F9720/Documents/Pandora/apps/D861E52AF9092536C6028E03F8B36816/doc/uniapp_temp_1567151470119/canvas/1567151523164.png
this.initImagePath = 'file:///' p;
//#endifimage：
<image :src="initImagePath"/>
var path = plus.io.convertLocalFileSystemURL("../doc/img.png");
this.imagePath = "file://" path;解决！
已解决 将images组件换成img，其次路径使用写到手机本地成功后使用success返回的file路径 ```javascript
<img :src="croppedImage" style="width: 100%; max-width: 500px; height: auto;"/>
uni.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: (success) => {
console.log('保存成功:', success)
uni.hideToast()
uni.showToast({ title: '保存成功' })
// 直接设置croppedImage，确保图片显示
this.croppedImage = success.file
console.log(this.croppedImage) },
fail: err => {
console.error('保存图片失败:', err)
uni.showToast({ title: '保存失败', icon: 'none' })
}
})
5***@qq.com (作者)
大哥不要把我的问题带偏了啊
2019-08-30 10:37