OGeek|极客世界-中国程序员成长平台

标题: ios - 使用 cdvfile ://* in img tag cordova 显示图像 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-11 20:30
标题: ios - 使用 cdvfile ://* in img tag cordova 显示图像

我正在使用 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 中添加 但这也不起作用。如何获得有效的路径/url 来显示图像？

最好的祝愿， 乔里

---

Best Answer-推荐答案

我遇到了同样的问题，并设法用不同的方法解决了它。获得 cdvfile 网址后，我使用了 Photo Library plugin通过 getPhoto 方法获取 blob 文件，该方法传递 cdvfile url 中存在的 id ，我得到了 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 函数来改善页面加载，具体取决于您的应用应该处理的照片的质量、大小和数量。

关于ios - 使用 cdvfile ://* in img tag cordova 显示图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52092723/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://ogeek.cn/)

Powered by Discuz! X3.4