在img标签cordova中显示带有cdvfile:// *的图像

时间:2018-08-30 08:44:58

标签: ios cordova cordova-plugins phonegap cordova-plugin-camera

我正在使用cordova-plugin-camera用以下选项拍照:

quality: 100,
destinationType: Camera.DestinationType.NATIVE_URI,
sourceType: srcType,
encodingType: Camera.EncodingType.JPEG,
mediaType: Camera.MediaType.PICTURE,
allowEdit: false,
saveToPhotoAlbum: true,
correctOrientation: true

这是有效的,我得到了这样的URL /路径:

assets-library://asset/asset.JPG?id=FBA79210-5E65-4C9B-BF19-9F1169B777C0&ext=JPG

然后,我想将此路径转换为cdvfile://,以在标签中显示图像。

window.resolveLocalFileSystemURL(imageURI, function(fileEntry) {
        const url = fileEntry.toInternalURL()
})

这也可以,我得到:

cdvfile://localhost/assets-library/asset/asset.JPG?id=FBA79210-5E65-4C9B-BF19-9F1169B777C0&ext=JPG

但是未渲染图像。我试图在我的config.xml文件中添加<access origin="cdvfile:*" />,但是那也不起作用。如何获取有效的路径/网址以显示图像?

最良好的祝愿, Joeri

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,并设法用不同的方法解决了这个问题。在获得cdvfile网址之后,我使用Photo Library plugin通过getPhoto方法获取blob文件,并传递了id网址中存在的cdvfile并附带了这个我得到了img的{​​{1}}源,如下所示:

base64data

更新 您还可以使用photoLibrary.getPhoto('FBA79210-5E65-4C9B-BF19-9F1169B777C0').then((blob)=>{ var reader = new FileReader(); reader.readAsDataURL(blob); reader.onloadend = function() { var base64data = reader.result; img.src = base64data; } }); 功能来改善页面加载,具体取决于您应处理的照片的质量,大小和数量。