1

我想在这里问你一些问题。

我正在使用Phonegap构建一个可以拍照然后在画布中显示图片的应用程序。在画布中绘制图像之后，我使用一种方法将画布转换为图像文件。但是我有一个与在Android中将文件作为图像文件写入SD卡有关的问题，即我无法读取在SD卡中创建的图像文件（图像无效）。

这是我的代码：

var picture = "";
function takePhoto() {
    navigator.camera.getPicture(onCameraSuccess,
    onCameraError,{
        quality : 50,
        destinationType : Camera.DestinationType.FILE_URI
        //saveToPhotoAlbum: true
        });
}

function onCameraSuccess(imageURL) {   
   var canvas = document.getElementById('myCanvas');    
   var ctx=canvas.getContext("2d");
   var imageObj = new Image();
   imageObj.onload = function() {
    ctx.drawImage(imageObj, 0, 0,220,180);
  };
  imageObj.src=imageURL;
  picture = imageURL;

}
function onCameraError(e) {
    console.log(e);
    navigator.notification.alert("onCameraError: " + e +" (" + e.code + ")");
}

function storePhoto() {                  
     movePic(pictures); 
}

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

function gotFS(fileSystem) {        
    fileSystem.root.getFile("test.PNG", {create: true, exclusive: false}, gotFileEntry, fail);
}

function gotFileEntry(fileEntry) {
    fileEntry.createWriter(gotFileWriter, fail);
}

function gotFileWriter(writer) {    
     var c = document.getElementById('myCanvas');    
     var img_from_canvas=c.toDataURL("image/png"); // base64 encoded
     var pic = img_from_canvas.split("base64,");
     var pictures =window.atob(pic[1]);         // decode base64
     writer.write(pictures);
     alert("Your picture was successfully stored !")
}

function fail(error) {
    console.log(error.code);
}

感谢您的帮助和建议。

4

2 回答 2

0

你有 writer.write(pictures); 的问题。

试试这个

var buffer = new ArrayBuffer(pictures.length);
var array = new Uint8Array(buffer);
    for (var i = 0; i < pictures.length; i++) {
          array[i] = pictures.charCodeAt(i);
         }
writer.write(buffer);

它对我有用。

于 2014-09-13T09:52:23.437 回答
0

用画布捕获后，您是否对图像进行任何类型的编辑？如果没有，那么您可以尝试使用此代码将文件移动到根文件夹

var fs;

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

function gotFS(fileSystem) {        
    fs = fileSystem;
    window.resolveLocalFileSystemURI(picture, gotFileEntry, fail);
}

function gotFileEntry(fileEntry) {
    fileEntry.moveTo( fs.root,fileEntry.name, success, fail);
}

function fail(error) {
    console.log(error.code);
}
于 2013-08-29T10:15:29.263 回答