首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
    • 求个选择图片并显示的JS效果！ [已结贴,结贴人:ChinaHappyCat]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 10:39:33 楼主
    页面有个HTML的FileUp空间和Image空间，当我用FileUp选择好一个图片的时候Image就能把我选择的图片显示出来。
    用JS代码怎么做？谢谢高手们了
    100  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 10:41:501楼 得分:0
    <img src=''>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 10:47:382楼 得分:0
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档 </title>
    </head>

    <body>
    <input type="file" name="upFile" onChange="document.getElementsByTagName('img')[0].src=this.value">
    <img width="400" height="300">
    </body>
    </html>

    是这个意思吗？
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 10:49:373楼 得分:0
    引用 1 楼 s_liangchao1s 的回复:
    <img src=''>


    什么意思？我没明白？
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 10:51:434楼 得分:0
    你就把你选择图片的连接地址赋给

    HTML code
    
<img src='链接地址'>

    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 10:54:495楼 得分:0
    引用 2 楼 lawrendc 的回复:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档 </title>
    </head>

    <body>
    <input type="file" name="upFile" onChange="document.getElementsByTagName('img')[0].src=this.value">
    <img width="400" height="300">
    </body>
    </html>…


    对，但是怎么让IMG显示出我选择的图片呢？
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 10:55:476楼 得分:0
    引用 4 楼 s_liangchao1s 的回复:
    你就把你选择图片的连接地址赋给


    HTML code
    <img src='链接地址'>


    我说的是用JS做，不是给img固定图片
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 10:56:277楼 得分:0
    你选择之后不就显示了吗？
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 10:56:468楼 得分:50
    引用 5 楼 ChinaHappyCat 的回复:
    引用 2 楼 lawrendc 的回复:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
    <title>无标题文档  </title> 
    </head> 

    <body> 
    <input type="file" name="upFile" onChange="document.getElementsByTagName('img')[0].src=this.value"> 
    <img width="…


    说了 就把地址赋给img就行了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 10:57:149楼 得分:0
    引用 7 楼 lawrendc 的回复:
    你选择之后不就显示了吗？

    可是img没有反应啊！
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 10:59:5610楼 得分:50
    HTML code
    

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
"http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>文档  </title>  
</head>  

<body>  
<input type="file" name="upFile" onChange="document.getElementsByTagName('img')[0].src=this.value">  
<img width="400" height="300">  
</body>  
</html>

    没理由 你就选择你本地盘符下的图片试下阿
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 11:02:4311楼 得分:0
    哦，好了。谢谢两位！！
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 11:03:2212楼 得分:0
    你选择本地磁盘里的图片文件 怎么可能没反应呢？？
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 11:15:1813楼 得分:0
    HTML code
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
"http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>文档  </title>
<script>
function chkimg(value){
document.getElementsByTagName('img')[0].src="file:///"+value
}
</script>   
</head>  

<body>  
<input type="file" name="upFile" onChange="chkimg(this.value)">  
<img width="400" height="300" id="xsimg" src="F:\yb.jpg">  
</body>  
</html>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • coley
    • 等级:
    发表于：2008-05-16 11:34:5714楼 得分:0
    如果是用的IE7，以上代码是无效的。
    DHTML
    <div id="pic" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:300px;height:250px; overflow:auto">                   
                          </div>

    js
    document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = url
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 11:54:4715楼 得分:0
    引用 14 楼 coley 的回复:
    如果是用的IE7，以上代码是无效的。
    DHTML
      <div id="pic" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:300px;height:250px; overflow:auto">                   
                            </div>

    js
    document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = url


    这段代码能不能详细点？
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 16:47:2516楼 得分:0
    为什么把这个页面上传到服务器上后就不能用了呢？只有傻瓜的IE6可以查看图片，别的浏览器都不可以。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-16 23:17:1717楼 得分:0
    我也是菜鸟，请问“document.getElementsByTagName('img')[0].src=this.value”中的“[0]”是什么意思？
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-17 10:01:2418楼 得分:0
    不错!
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于：2008-05-17 14:23:1719楼 得分:0
    上周做了一个web图片浏览器,给编辑用的,很麻烦.
    搞了有一周,不过效果很酷.
    修改 删除 举报 引用 回复
    网站简介－广告服务－网站地图－帮助－联系方式－诚聘英才－English－ 问题报告
    世纪乐知（北京）网络技术有限公司 版权所有 京 ICP 证 020026 号
    Copyright © 2000-2007, CSDN.NET, All Rights Reserved