<input type="file" id="asd"/>
我想在用户 Select 后(提交表单之前)获得base64的图像
比如:
$(input).on('change',function(){
var data = $(this).val().base64file(); // it is not a plugin is just an example
alert(data);
});
I read about File API and other stuffs, I would like a simple and cross-browsers solution (IE6/IE7 excluded obviously)
谢谢你的帮助.
function readFile() {
if (this.files && this.files[0]) {
var FR= new FileReader();
FR.addEventListener("load", function(e) {
document.getElementById("img").src = e.target.result;
document.getElementById("b64").innerHTML = e.target.result;
});
FR.readAsDataURL( this.files[0] );
}
}
document.getElementById("inp").addEventListener("change", readFile);<input id="inp" type='file'>
<p id="b64"></p>
<img id="img" height="150">(P.S: A base64 encoded image (String) 4/3 the size of the original image data)