ios - 使用 cdvfile ://* in img tag cordova 显示图像
<p><p>我正在使用 cordova-plugin-camera 通过以下选项拍照:</p>
<pre><code>quality: 100,
destinationType: Camera.DestinationType.NATIVE_URI,
sourceType: srcType,
encodingType: Camera.EncodingType.JPEG,
mediaType: Camera.MediaType.PICTURE,
allowEdit: false,
saveToPhotoAlbum: true,
correctOrientation: true
</code></pre>
<p>这是有效的,我得到一个这样的 URL/路径:</p>
<pre><code>assets-library://asset/asset.JPG?id=FBA79210-5E65-4C9B-BF19-9F1169B777C0&ext=JPG
</code></pre>
<p>然后,我想将此路径转换为 cdvfile://以在标签中显示图像。 </p>
<pre><code>window.resolveLocalFileSystemURL(imageURI, function(fileEntry) {
const url = fileEntry.toInternalURL()
})
</code></pre>
<p>这也有效,我得到:</p>
<pre><code>cdvfile://localhost/assets-library/asset/asset.JPG?id=FBA79210-5E65-4C9B-BF19-9F1169B777C0&ext=JPG
</code></pre>
<p>但是图像没有被渲染。我试图在我的 config.xml 中添加 <code><access origin="cdvfile:*"/></code> 但这也不起作用。如何获得有效的路径/url 来显示图像?</p>
<p>最好的祝愿,
乔里</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>我遇到了同样的问题,并设法用不同的方法解决了它。获得 <code>cdvfile</code> 网址后,我使用了 <a href="https://github.com/terikon/cordova-plugin-photo-library" rel="noreferrer noopener nofollow">Photo Library plugin</a>通过 <code>getPhoto</code> 方法获取 blob 文件,该方法传递 <code>cdvfile</code> url 中存在的 <code>id</code> ,我得到了 <code>img </code> 使用 <code>base64data</code> 的源代码如下:</p>
<pre><code>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;
}
});
</code></pre>
<p><strong>更新</strong>
您还可以使用 <code>getThumbnail</code> 函数来改善页面加载,具体取决于您的应用应该处理的照片的质量、大小和数量。</p></p>
<p style="font-size: 20px;">关于ios - 使用 cdvfile ://* in img tag cordova 显示图像,我们在Stack Overflow上找到一个类似的问题:
<a href="https://stackoverflow.com/questions/52092723/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/52092723/
</a>
</p>
页:
[1]