JavaScript中怎么输出图片？

JavaScript中怎么输出图片？谁帮帮我？急！！！... JavaScript中怎么输出图片？谁帮帮我？急！！！展开

 我来答

5个回答

#合辑# 机票是越早买越便宜吗？

6522494
2009-07-12 · TA获得超过143个赞

知道答主

回答量：105

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

你要输出吗?
<img src="url">

根据程序不同.图片可以动态生成.
<img src="<%...%>">通过脚本

还有就是可以先把图片加上.人然后直接把他隐藏diplay:none, 然后根据你的需要把它的display:block就可以了

不知道你到底怎么生成.以上两条供参考

已赞过 已踩过<

评论收起

苏州开心盒子软件有限公司

广告2025-01-04

运用AI技术，自动区分人像物体，轻松实现透明背景批量处理能力，简化复杂流程，无专业要求，抠图更轻松

www.haigeshi.com

pieryon
2015-12-09 · 知道合伙人数码行家

pieryon
知道合伙人数码行家

采纳数：14410 获赞数：166873

获取软件设计师高级职称万达金融最佳创新奖

向TA提问私信TA

关注

展开全部

js输出图片是要获取到图片的所有属性才可以的。
1、图片的尺寸，比如宽和高
2、图片的路径
3、图片的alt属性
参考代码如下：
function show_image(src, width, height, alt) {
var img = document.createElement("img");
img.src = src;
img.width = width;
img.height = height;
img.alt = alt;

// This next line will just add it to the <body> tag
document.body.appendChild(img);
}

已赞过 已踩过<

评论收起

xxq8210
2009-07-13 · TA获得超过1.8万个赞

知道小有建树答主

回答量：476

采纳率：0%

帮助的人：287万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<title>图片本地加载例子</title>
<script language="javascript" >
function $(obj){return document.getElementById(obj);}
function ShowImage(fileObj ,img)
{
var paths = fileObj.value;
var chkpath = new RegExp("[a-zA-Z][\\:][\\\\]","gi"); //检测路径是否合法
var chkExt = new RegExp("BMP|JPG|GIF|JPEG|PNG","gi"); //检测文件扩展名合法
var extName = paths.substr(paths.lastIndexOf(".")+1);

if( !chkExt.test( extName ) )
{
alert("图片格式不合法");
return;
}

if( chkpath.test( paths ) )
{
img.src=paths;
img.alt="本地图片预览";
img.style.visibility="visible";
}
else
{
img.style.visibility="hidden";
alert("路径不合法\n合法路径例如：\nc:\\我的照片\\my.gif");
}
}
</script>
</head>

<body>
<input id="file" type="file" onchange="ShowImage(this , $('img') )">
<br/>
<img id="img" STYLE="visibility:hidden" height="100px" width="100px">
</body>
</html>

已赞过 已踩过<

评论收起

rybwxn
2009-07-12 · TA获得超过255个赞

知道小有建树答主

回答量：180

采纳率：0%

帮助的人：234万

我也去答题访问个人页

关注

展开全部

把下面的代码复制到记事本里然后另存为a.html自己打开看吧
-------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body>
<input id="file" type="file" onchange="fun()">

<br />
<img id="img" STYLE="visibility:hidden" height="100px" width="100px">

<script language="javascript" type="text/javascript">
function fun(){
var v=document.getElementById("file").value;
var img=document.getElementById("img");
ShowImage(v,img);
}
function ShowImage(value,img)
{
//检测文件扩展名是否合法
var flag=CheckExt(value.substr(value.length-3,3));
if(flag!=true){
alert("图片格式不合法");
return;
}
if(value.length>5&&value.indexOf(':')==1&&(value.length-value.lastIndexOf('.'))==4&&CheckExt(value.substr(value.length-3,3)))
{
img.src=value;
img.alt="本地图片预览";
img.style.visibility="visible";
}
else
{
img.style.visibility="hidden";
alert(1);
}
}
//检查扩展名是否合法,合法返回True
function CheckExt(ext)
{
//这里设置允许的扩展名
var AllowExt="jpg|gif|jpeg|png|bmp";
var ExtOK=false;
var ArrayExt;
if(AllowExt.indexOf('|')!=-1)
{
ArrayExt=AllowExt.split('|');
for(i=0;i<ArrayExt.length;i++)
{
if(ext.toLowerCase()==ArrayExt[i])
{
ExtOK=true;
break;
}
}
}
else
{
ArrayExt=AllowExt;
if(ext.toLowerCase()==ArrayExt)
{
ExtOK=true;
}
}
return ExtOK;
}
</script>

</body>
</html>