• 技术文章 >web前端 >前端问答

    html img不显示图片怎么办

    藏色散人藏色散人2021-06-08 10:35:02原创54

    html img不显示图片的解决办法:1、在图片onload时,再对图片进行处理;2、在html中新建img实体标签,代码如“<img id = "img"></img>”。

    本文操作环境:windows7系统、HTML5版,DELL G3电脑

    html 加载img图片 不显示

    处理图片的代码 在 $(document).ready方法中,此方法在html结构加载完成时执行,然而要注意的是,此时图片并没有加载完成。因此执行方法体的时候其实是没有image的,而图片完全加载的时候方法已经执行完了。

    解决方法 1:在图片onload时再对图片进行处理。

    $(document).ready(function(){
    var airportId = getUrlValue("airportId");
    if(airportId==null || typeof(airportId) == "undefined"){
    return false;
    }
    data = {
    'airportId' : airportId ,
    }
    Kelp.jsonPost(
    "../func/web/getActivityPointsMap",data,function(result){
    if(result.re== 1 || result.re == "1" ){
    var form = result.data.airportInfoMapForm;
    iWidth = form.imageWidth;
    iHeight = form.imageHeight;
    dWidth = form.width;
    imgW = iWidth*imageScale
    imgH = iHeight*imageScale;
    cellWidth = form.cellWidth * iWidth/dWidth;
    var attachId = form.imageAttachId;
    }
    else{
    alert(result.data);
    window.history.go(-1);
    return false;
    }
    //使画布大小对应机场图片大小
    canvas.width = iWidth+XO;
    canvas.height = iHeight+YO;
    //创建新的图片对象
    var img = new Image();
    /* var img = document.getElementById('img'); */
    img.src = "<%=request.getContextPath()%>/fileDownload?attachId=" + attachId;
    //浏览器加载图片完毕后再绘制图片
    img.onload = function(){
    var w = XO+ imgW;
    var h = YO +imgH;
    ctx.drawImage(img,XO,YO,imgW,imgH);//限制图片的宽高,此处没有imgW和imgH则会显示为图片的实际宽高
    //画网格线
    drawLine();
    };   
    });
    })

    上述是在js中新建图片。

    还有一种方法是:

    在html中新建img实体标签。即:<img id = "img"></img>。这样就不存在不显示图片的问题了。

    推荐学习:《HTML视频教程

    以上就是html img不显示图片怎么办的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:html怎么取消滚动 下一篇:html5怎么使音乐停止
    第16期线上培训班

    相关文章推荐

    • css img不透明度如何设置• img元素可以用css吗• html img图片怎么设置透明度• css怎么设置img的src• html中怎么加img路径

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网