html img不显示图片怎么办


当前第2页 返回上一页

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

$(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不显示图片怎么办的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

Html怎么跳转到指定位置

Html以及css的常用用法

Html如何引入js文件

Html tfoot标签怎么用

Html怎么导入背景图

Html blockquote怎么用?blockquote标签的用法介绍

认识javascript是如何工作的,深入v8引擎和编写优化代码

Html中行内元素与块级元素的区别是什么

HtmlHtml5有什么区别

Html中段落是通过什么定义的

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...