使用 reader jquery 时图像不显示

Question

图片不显示,代码取的是图片的相对路径而不是绝对路径

 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]);
  }

Answer 1

你有一个小的语法错误，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;"/>

使用 reader jquery 时图像不显示

image not showing while using reader jquery

html

javascript

jquery

jquery-ui