使用阅读器 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;"/>