Lỗi ngoại lệ DOM 5 CHARALID CHARACTER trên chuỗi hình ảnh base64 hợp lệ trong javascript

Question

Tôi đang cố gắng giải mã chuỗi base64 cho hình ảnh trở thành nhị phân để có thể tải xuống và hiển thị cục bộ bằng hệ điều hành.

Chuỗi tôi đã hiển thị thành công khi được đặt dưới dạng src của phần tử HTML IMG với dữ liệu URI lời nói đầu (dữ liệu: img/png; base64,) nhưng khi sử dụng hàm atob hoặc hàm đóng goog không thành công.

Tuy nhiên giải mã thành công khi đặt tại đây: http://www.base64decode.org/

Bất kỳ ý tưởng?

EDIT: Tôi đã thành công để giải mã với một thư viện khác với hàm JS tích hợp sẵn. Tuy nhiên, nó vẫn sẽ không mở cục bộ - trên một máy Mac cho biết nó bị hỏng hoặc ở định dạng không xác định và không thể mở được.

Mã này chỉ là một cái gì đó như:

imgEl.src = 'data:img/png;base64,' + contentStr; //this displays successfully 
decodedStr = window.atob(contentStr); //this throws the invalid char exception but i just 
//used a different script to get it decode successfully but still won't display locally 

chuỗi base64 chính nó là quá dài để hiển thị tại đây (giới hạn là 30.000 ký tự)

Answer 1

tôi chỉ đập đầu tôi vào tường trên một này trong một thời gian.

Có một số nguyên nhân có thể gây ra sự cố. 1) Các vấn đề về Utf-8. Có một cách viết hay + giải pháp cho điều đó ở đây. http://monsur.hossa.in/2012/07/20/utf-8-in-javascript.html

Trong trường hợp của tôi, tôi cũng phải đảm bảo rằng tất cả khoảng trắng đã hết chuỗi trước khi chuyển nó sang chế độ atob. ví dụ.

function decodeFromBase64(input) { 
    input = input.replace(/\s/g, ''); 
    return atob(input); 
} 

Điều thực sự bực bội là cơ sở phân tích cú pháp chính xác bằng thư viện base64 trong python, chứ không phải trong JS.

Answer 2

Tôi phải xóa data:audio/wav;base64, trước mặt b64, vì điều này đã được đưa ra như một phần của b64.

var data = b64Data.substring(b64Data.indexOf(',')+1);

var processed = atob(data);