如何检索保存在android系统的照相馆中的图像？

Question

我正在尝试访问android系统的照相馆以检索图像。 我有navigator.camera.getPicture函数提供的imageURI变量。 在那之前没关系。 但是稍后，我想访问光电库并获取此图像的base64代码。

由于navigator.camera.getPicture不可能同时返回两个数据（imageURI和imageData），因此我需要稍后获取base64信息。 这是我尝试使用的代码，查看phoneGap的“文件”文档，但无法正常工作。

它在“ fileSystem.root.getFile”调用处停止-（错误回调中的错误：File4 = TypeError：表达式'evt.target'的结果[未定义]不是对象。在file：/// android_asset / www / phonegap- 1.3.0.js：717）

谁能帮助我？ 谢谢。

    function base64(imageURI) {
 alert(imageURI);
 document.addEventListener("deviceready", onDeviceReady);

 function onDeviceReady() {
     window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail);}

 function gotFS(fileSystem) {
     alert("filesystem");
             //Next line causes error. Perhaps imageURI is not a valid path?
     fileSystem.root.getFile(**imageURI**, null, gotFileEntry, fail);}


 function gotFileEntry(fileEntry) {
     alert("gotfileentry");
     fileEntry.file(gotFile, fail);}

 function gotFile(file){
     alert("got file");
     readDataUrl(file);}

 function readDataUrl(file) {
     alert("readDataURL");
     var reader = new FileReader();
     reader.onloadend = function(evt) {
         console.log("Read as data URL");
         alert(evt.target.result);
         };
     reader.readAsDataURL(file);
 }
 function fail(evt) {
     console.log(evt.target.error.code);}}

Answer 1

好的，第一个问题是您的fail函数返回的对象没有您要访问的属性。 要查看错误对象中包含的内容，请尝试以下操作：

 function fail(evt) {
                 alert("there was an error: " + JSON.stringify(evt));
            }

让我们知道会产生什么...

Answer 2

我不知道为什么您需要getPicture返回URI和数据。

如果需要显示图片，可以要求getPicture返回以base 64为基础的数据：

    function capturePhoto(){
        navigator.camera.getPicture(
            addPictureToActuSuccess, 
            addPictureToActuFail, {
                quality: 50,
                destinationType: navigator.camera.DestinationType.DATA_URL,
                sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
            }
        );
    }

    function addPictureToActuSuccess(data){
        // Store the base64 data in a file or in a variable
    }

    function addPictureToActuFail(error){
        console.log(error);
    }

并用css显示它：

url('data:image/png;base64,BASE64_DATA') /* From where you stored you base64 data */

这样，您还可以存储基本的64位数据并显示图片

Answer 3

我发现必须从API返回的imageURI除去文件协议：

var rf=app.profile.customer.site.imageURI.substring(16); // strip off file://localhost
var reader=new FileReader();
reader.onloadend=function(evt){
  // the image data is in :  evt.target.result
  // it starts with:  data:image/jpeg;base64,/9j/....
  // so you may need to strip off the first 24 chars
}
reader.readAsDataURL(rf);

同样，如上所述，您不需要执行FileSystem / FileEntry / File事情； 您只要拥有完全限定的URI，就可以创建FileReader。

这在iOS上对我有用。 我将很快测试Android，并将回发我的结果。