PhoneGap相機-如何將base64圖像保存到本地存儲或WebSQL？

Question

我正在嘗試將base64圖像保存到本地存儲或WebSQL中，但是它只會顯示該圖像，並在顯示“保存到本地存儲”消息后卡在那里。

碼：-

<div id="photoImage"></div>

<a href="#" class="btn btn-primary" onclick="capturePhoto()" style="margin-bottom: 5px">Capture</a>

<script>
function capturePhoto(){
    navigator.camera.getPicture(onSuccess, onFail, {
        quality: 50,
        destinationType: Camera.DestinationType.DATA_URL
    });
}

function onSuccess(imageData){
    var image = document.getElementById("photoImage");
    image.src = "data:image/jpeg;base64," + imageData;

    alert("Save Into Local Storage");
    //Save into local storage
    localStorage.setItem("imageData", "data:image/jpeg;base64," + imageData);
    alert("DONE");
}

function onFail(e) {
    alert('Failed because: ' + e);
}
</script>

插件：-

<plugin name="cordova-plugin-camera" spec="1.2.0" source="pgb" />

Answer 1

更改功能onSuccess

function onSuccess(imageData){
    var image = document.getElementById("photoImage");
    image.src = "data:image/jpeg;base64," + imageData;

    alert("Save Into Local Storage");
    //Save into local storage
    localStorage.setItem("imageData", imageData);
    alert("DONE");
}

希望對您有幫助。