Phonegap - Cách tạo tệp hình ảnh từ chuỗi base64?

Question

Tôi đang viết một ứng dụng Phonegap cho Android và tại một thời điểm, tôi lưu chuỗi PNG base64 dưới dạng tệp. Tuy nhiên, tôi đã quan sát thấy rằng chuỗi chỉ được đổ vào một tập tin và không thể được xem như là một hình ảnh khi mở ra.

Tôi muốn để có thể tiết kiệm một hình ảnh tạo ra từ các string.This base64 là những gì tôi có:

Các Javascript (formated cho PhoneGap):

/*** Saving The Pic ***/ 
var dataURL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="; //A simple red dot 

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

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

function gotFileWriter(writer) { 
    writer.write(dataURL); //does not open as image 
} 

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

tôi đã cố gắng chỉnh sửa mã để chỉ lưu dữ liệu hình ảnh nhưng nó không hoạt động. (Xem bên dưới)

function gotFileWriter(writer) { 
    var justTheData = dataURL.replace(/^data:image\/(png|jpg);base64,/, "");//Removes everything up to ...'base64,' 
    writer.write(justTheData); //also does not show 
} 

HTML kích hoạt everthing:

<p onclick="window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail)">Save a Dot</p> 

Xin vui lòng giúp. Cảm ơn bạn.

Answer 1

Bạn chỉ cần đặt src của hình ảnh của bạn thành dữ liệu cơ sở 64 để xem hình ảnh.

var image = document.getElementById('myImage'); 
image.src = "data:image/jpeg;base64," + justTheData; 

Answer 2

đây không cần phải thay thế chuỗi base64, chỉ cần đặt chuỗi chuyển đổi bằng cách làm theo:

trong javascript:

var image = document.getElementById('myImage'); 
image.src = justTheData;// this convert data 

trong jquery:

$("#imageid").attr("src",justTheData)