圖像到base64 JS轉換器在firefox中不起作用

Question

我已經找到了這個轉換器https://github.com/rujs/Image-to-Base64-Converter/blob/master/index.html ，它非常好，但是在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>

Answer 1

需要改變

document.getElementById（'base64'）。innerText = e.target.result;

至

document.getElementById（'base64'）。innerHTML = e.target.result;