图像不显示,,,,,代码提取图像的相对路径而不是绝对路径。
readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#blah')
.attr('src', e.target.result.toString);
};
reader.readAsDataURL(input.files[0]);
}
你有一个小小的语法错误。toString()
应作为方法调用。
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#blah')
.attr('src', e.target.result.toString());
};
reader.readAsDataURL(input.files[0]);
}
}
$('#myFile').on('change', function(){
readURL(event.target);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="file" id="myFile"/>
<img src="" id="blah" style="height:50px;width:50px;"/>