2015-02-08 3 views
0

Я нашел этот конвертер https://github.com/rujs/Image-to-Base64-Converter/blob/master/index.html , и это прекрасно, но он НЕ работает в firefox. может кто-нибудь сказать мне, почему?image to base64 Конвертер JS не работает в firefox

Это код:.
JS

var reader = new FileReader(), 
    rImg = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\/x\-icon|image\/x\-portable\-anymap|image\/x\-portable\-bitmap|image\/x\-portable\-graymap|image\/x\-portable\-pixmap|image\/x\-rgb|image\/x\-xbitmap|image\/x\-xpixmap|image\/x\-xwindowdump)$/i, 
    file; 
reader.onload = function (e) { 
    document.getElementById('preview').src = e.target.result; 
    document.getElementById('base64').innerText = e.target.result; 
}; 

function convert() { 
    file = document.getElementById("upload").files[0]; 
    if (!rImg.test(file.type)) { 
     alert("You must select a valid image file!"); 
     return; 
    } 
    console.log(file.type + ' :: ' + file.name + ' :: ' + file.size) 
    reader.readAsDataURL(file); 
} 

HTML

<h4>Image to Base64 converter</h4> 
<img id="preview" style="width: 250px; height: 250px;" src="" alt="Image preview" /> 
<input id="upload" type="file" onchange="convert();" style=""/> 
<h4>Results</h4> 
<textarea id="base64" style="width: 100%; height: 200px;" ></textarea> 
+0

Как это не работает? Отображает ли сообщение об ошибке? Преобразует ли изображение изображение в неправильную строку? Что происходит? – gvlasov

+0

никаких ошибок. появляется предварительный просмотр эскизов, но в текстовом поле нет кода base64. в ЛЮБОЙ другой браузер работает – Under

+0

Используйте отладчик и пройдите код, чтобы узнать, где проблема – Andreas

ответ

0

Нужно изменить

document.getElementById ('base64') InnerText = e.target.result ;

к

document.getElementById ('base64') innerHTML = e.target.result.