Question

function readURL(input){    
    if(input.files && input.files[0]){
        reader.readAsDataURL(input.files[0]);
    }
    else {
        document.images[0].src = input.value || "No file selected";
    }
}
function checkSrc(){
    var src = document.getElementById('propertyImg').getAttribute('src');
    console.debug(src);
}
<input type='file' class='width70_prop' onchange="readURL(this);"></input>
<button onclick='checkSrc()'>check</button>

我很好奇FileReader的readAsDataUrl函数返回什么样的数据。
当我通过上面的代码检查src属性时，它看起来像是可笑的巨型长串（字符串开始的东西基地-64等等等等）。
我想知道字符串是指文件的地址或文件本身任何帮助将不胜感激。 THX。

Answer 1

它是文件本身，但是base-64编码。它也被称为

Data Uris

Answer 2

这是编码为Base64字符串的文件的内容，适合在URL中使用。见https://developer.mozilla.org/en-US/docs/DOM/FileReader

html5 FileReader，readAsDataUrl函数返回什么样的数据？它是网址吗？还是数据本身？

2 个答案: