html img不显示图片怎么办
html
html img不显示图片的解决办法:1、在图片onload时,再对图片进行处理;2、在html中新建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实体标签。即:。这样就不存在不显示图片的问题了。
推荐学习:《HTML视频教程》
以上是html img不显示图片怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章
R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前
By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前
By 尊渡假赌尊渡假赌尊渡假赌
击败分裂小说需要多长时间?
3 周前
By DDD
R.E.P.O.保存文件位置:在哪里以及如何保护它?
3 周前
By DDD

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

本教程演示了如何使用PHP有效地处理XML文档。 XML(可扩展的标记语言)是一种用于人类可读性和机器解析的多功能文本标记语言。它通常用于数据存储
