qjdioce
qjdioce
  • 发布:2019-07-06 22:04
  • 更新:2021-10-25 16:51
  • 阅读:5627

image标签无法加载本地图片 file://

分类:uni-app

使用绝对路径加载本地图片 image标签死都出不来 用预览uni.previewImage 和 uni.getImageInfo 都可以出来并找到图片 但是image标签的error事件却提示404 我该怎么办?

<image src="file:///var/mobile/Containers/Data/Application/5C1E305E-7978-414E-9876-AA9177D471EE/Documents/idCard926510.png" mode="aspectFit" @error="imageerror" @load="imageload"></image>

2019-07-06 22:04 负责人:无 分享
已邀请:
DCloud_UNI_CHB

DCloud_UNI_CHB

image标签的src,需指向当前项目中的图片资源(/static目录下下)或网络图片,不能指向手机硬盘中的任意图片。

  • qjdioce (作者)

    后来我尝试了很久 IOS沙盒目录的 document cache和Library 使用image标签不能直接引入 但是使用沙盒下的tmp目录 使用image标签 加上file://可以正常使用 我现在这样子使用是否正确?后面更新你们会不会把image标签改成你所说的这样子??

    2019-07-09 09:00

  • a***@163.com

    回复 qjdioce: 您好,这个问题最后是怎么解决的,传授下经验么,这样的系统路径用uni-app的下载Api或压缩Api,可以得到一个临时路径去使用或下载,但是如果获取很多图片,每张去下载和压缩会很慢,可能导致应用崩溃,有更好的解决办法吗

    2022-07-01 14:44

qjdioce

qjdioce (作者) - 90后it男

这个是image的error事件返回的信息
<code>
{
"target": {
"offsetTop": 1210,
"id": "",
"offsetLeft": 47,
"dataset": {
"eventOpts": [
["error", [
["imageerror", ["$event"]]
]],
["load", [
["imageload", ["$event"]]
]]
]
},
"errMsg": "GET file:///var/mobile/Containers/Data/Application/35800D3B-0BBE-41B5-8503-D5CA8480761E/Documents/idCard14689.png 404 (Not Found)"
},
"currentTarget": {
"offsetTop": 1210,
"id": "",
"offsetLeft": 47,
"dataset": {
"eventOpts": [
["error", [
["imageerror", ["$event"]]
]],
["load", [
["imageload", ["$event"]]
]]
]
}
},
"detail": {
"errMsg": "GET file:///var/mobile/Containers/Data/Application/35800D3B-0BBE-41B5-8503-D5CA8480761E/Documents/idCard14689.png 404 (Not Found)"
},
"timeStamp": 1033441,
"type": "error",
"mp": {
"target": {
"offsetTop": 1210,
"id": "",
"offsetLeft": 47,
"dataset": {
"eventOpts": [
["error", [
["imageerror", ["$event"]]
]],
["load", [
["imageload", ["$event"]]
]]
]
}
},
"currentTarget": {
"offsetTop": 1210,
"id": "",
"offsetLeft": 47,
"dataset": {
"eventOpts": [
["error", [
["imageerror", ["$event"]]
]],
["load", [
["imageload", ["$event"]]
]]
]
}
},
"detail": {
"errMsg": "GET file:///var/mobile/Containers/Data/Application/35800D3B-0BBE-41B5-8503-D5CA8480761E/Documents/idCard14689.png 404 (Not Found)"
},
"timeStamp": 1033441,
"type": "error"
}
}

</code>

这个是使用uni.previewImage获取的信息
<code>
{
"errMsg": "getImageInfo:ok",
"height": "305.000000",
"orientation": "up",
"path": "file:///var/mobile/Containers/Data/Application/35800D3B-0BBE-41B5-8503-D5CA8480761E/Documents/idCard14689.png",
"type": "PNG",
"width": "425.000000"
}
</code>

Huup_We

Huup_We

请问这个问题有解决吗?

3***@qq.com

3***@qq.com

这个问题怎么解决?

该问题目前已经被锁定, 无法添加新回复