使用 PhoneGap 显示图像

Question

我正在尝试在#smallImage 中显示图像。

function onSuccess(imageData) {
  var smallImage = document.getElementById('smallImage');
  smallImage.style.display = 'block';
  smallImage.src = "data:image/jpeg;base64," + imageData;
}

function capturePhotoWithData() {
   var options = {
       quality: 50
   };
  navigator.camera.getPicture(onSuccess, onFail, options);
}

function onFail(message) {
  alert('Failed because: ' + message);
}

alert(imageData) 显示图像的 tmp 文件路径。

<img style="display:none;" id="smallImage" src="" />

不显示图像。这里出了什么问题？

Answer 1

调用相机时应使用正确的选项。特别是，您需要查看正确的 destinationType 参数。更多细节在这里： Camera plugin definition

使用 PhoneGap 显示图像

Displaying image with PhoneGap

camera

cordova