解决本地文件上传时fakepath的问题

解决本地文件上传时fakepath的问题

直接上例子

这个例子是用jqery操作的事件，注意引入jquery

• HTML代码

<div class="demo"><img width="200px">
<input type="file"/>
</div>

• JavaScript代码

$("input[type='file']").on('change', function () {
    var myFReader = new FileReader();
    var file = document.getElementById('input-file').files[0];
    myFReader.readAsDataURL(file);
    myFReader.onloadend = function(evc){
        var src = evc.target.result;
        $('img').attr('src',src);
        alert(src);
    }
});