为了账号安全,请及时绑定邮箱和手机立即绑定

使用阅读器 jquery 时图像未显示

使用阅读器 jquery 时图像未显示

侃侃尔雅 2022-09-23 16:54:53
图像未显示,,,代码选取图像的相对路径而不是绝对路径 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]);  }
查看完整描述

1 回答

?
Smart猫小萌

TA贡献1911条经验 获得超7个赞

你有一个小的语法错误,应该作为一个方法调用: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;"/>


查看完整回答
反对 回复 2022-09-23
  • 1 回答
  • 0 关注
  • 46 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信