我正在使用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:*" />,但这也不起作用。我如何获得有效的路径/网址来显示图像?

最好的祝愿,
乔里

最佳答案

我遇到了同样的问题,并设法用不同的方法解决了这个问题。获取cdvfile网址后,我使用Photo Library plugin通过getPhoto方法获取lobt文件,并传递了id网址中存在的cdvfile,并通过此方式获得了img源代码,与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;
   }
});

更新
您还可以使用getThumbnail函数来改善页面加载,具体取决于您应处理的照片的质量,大小和数量。

07-28 01:06