IMG的src的问题 服务器的和本地的

xuyue3000 2007-07-13 07:18:13
在本地直接大开只有这样的HTML 发现他是显示的出来的
可在用localhost的方式大开却发现他不显示了
<img src="file:///C|/Documents and Settings/All Users/Documents/My Pictures/示例图片/Sunset.jpg" width="100" />

我也试过 javascript 自动生成 ----------失败

也试过iframe 的src=file:///C|/Documents and Settings/All Users/Documents/My Pictures/示例图片/Sunset.jpg ----------失败

最后只能用
<div id="File_up1_showimg" style="background-repeat:no-repeat; background-image:url(file:///C|/Documents and Settings/All Users/Documents/My Pictures/示例图片/Sunset.jpg);">
可是他不能控制图片显示的大小........
...全文
817 13 打赏 收藏 转发到动态 举报
写回复
用AI写文章
13 条回复
切换为时间正序
请发表友善的回复…
发表回复
「已注销」 2007-07-31
  • 打赏
  • 举报
 回复
如果是文件css 他里面的路径应该是图片和css文件的相对路径 内嵌html的就是html的相对路径`~~
travelman 2007-07-29
  • 打赏
  • 举报
 回复
这方法只能用在ie下呀
xuyue3000 2007-07-26
  • 打赏
  • 举报
 回复
大家辛苦啦!!大家参考一下我发的
http://community.csdn.net/Expert/topic/5662/5662706.xml?temp=.2006342
我是从这里得到启示的!!
xuyue3000 2007-07-26
  • 打赏
  • 举报
 回复
<!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>
<script language="javascript" type="text/javascript"><!--
function _(obj)
{
return document.getElementById(obj)
}
function changeimg(url){
//alert(url);
_("imgbox").filters[0].src=url;
}
//--></script>
<link rel="stylesheet" type="text/css" href="../style.css">
<style>
.box{
width:200px;
height:160px;
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='C:/Documents and Settings/All Users/Documents/My Pictures/示例图片/Blue hills.jpg',sizingMethod='scale')
}
</style>
</head>

<body>
<br />
<br />
<br />

<table border="0" cellspacing="0" cellpadding="0">
<tr style="height:14px;">
<td style="width:14px;"><img src="img/l_t.jpg" alt="l_t" /></td>
<td style=" background-image:url(img/beiging.jpg); background-repeat:repeat-x;"></td>
<td style="width:14px;"><img src="img/r_t.jpg" alt="r_t" /></td>
</tr>
<tr>
<td style=" background-image:url(img/beiging.jpg); background-position:left; background-repeat:repeat-y;"> </td>
<td><div id="imgbox" class="box"></div></td>
<td style=" background-image:url(img/beiging.jpg); background-position:right; background-repeat:repeat-y;"> </td>
</tr>
<tr style="height:14px;">
<td><img src="img/l_b.jpg" alt="l_t" /></td>
<td style=" background-image:url(img/beiging.jpg); background-position:bottom; background-repeat:repeat-x;"></td>
<td><img src="img/r_b.jpg" alt="l_t" /></td>
</tr>
</table>
<input id="imgup" onchange="return changeimg(this.value);" type="file" />
</body>
</html>
找到方法啦!!!!!
travelman 2007-07-20
  • 打赏
  • 举报
 回复
asdsad
xuyue3000 2007-07-15
  • 打赏
  • 举报
 回复
实现图片上传预览功能 把图片上传上去还预览什么哦？？？？
xuyue3000 2007-07-15
  • 打赏
  • 举报
 回复
郁闷啊！！！！
xuyue3000 2007-07-13
  • 打赏
  • 举报
 回复
我想实现这样的功能........
浏览客户端的图片让他显示出来
<!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><title>
无标题页
</title></head>
<body style="margin:0px; padding:0px;">
<form name="form1" method="post" action="default.aspx" id="form1" enctype="multipart/form-data">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE2ODA3MTcwMzgPZBYCAgMPFgIeB2VuY3R5cGUFE211bHRpcGFydC9mb3JtLWRhdGFkZBi/B9wlFgmWXt9rE550MA14Zkeq" />
</div>

<script type="text/JavaScript">function File1_onchange(me) {
document.getElementById("showimg").innerHTML="";
document.getElementById("showimg").innerHTML="<img style=\"border-bottom-width:0px; width:200px; height:146px;\" src=\"file:///" + me + "\" alt=\"" + me + "\" />";
document.getElementById("showimg").style.backgroundImage="url(" + me +")";}</script>




<div align="center" style="display:inline; ;" ><table border="0" cellspacing="0" cellpadding="0" >
<tr style="height:14px;">
<td style="width:14px;"><img style="border-width:0px;" src="img/l_t.jpg" alt="l_t" /></td>
<td style=" background-image:url(img/beiging.jpg); background-repeat:repeat-x;"></td>
<td style="width:14px;"><img style="border-bottom-width:0px;" src="img/r_t.jpg" alt="r_t" /></td>
</tr>
<tr>
<td style=" background-image:url(img/beiging.jpg); background-position:left; background-repeat:repeat-y;"> </td>
<td><div id="File_up1_showimg" style="background-repeat:no-repeat; background-image:url(file:///C|/Documents and Settings/All Users/Documents/My Pictures/示例图片/Blue hills.jpg)"><img style="border-bottom-width:0px; width:200px; height:146px; " src="img/IMG_2121.JPG" alt="default" /></div></td>
<td style=" background-image:url(img/beiging.jpg); background-position:right; background-repeat:repeat-y;"> </td>
</tr>
<tr style="height:14px;">
<td><img style="border-bottom-width:0px;" src="img/l_b.jpg" alt="l_t" /></td>
<td style=" background-image:url(img/beiging.jpg); background-position:bottom; background-repeat:repeat-x;"></td>
<td><img style="border-bottom-width:0px;" src="img/r_b.jpg" alt="l_t" /></td>
</tr>
</table>
<input name="File_up1$File1" type="file" id="File_up1_File1" accept="image/*" onchange="File1_onchange(this.value)" /></div>
</form>

</body>
</html>
hookee 2007-07-13
  • 打赏
  • 举报
 回复
为什么不把图片放到web目录呢？
xuyue3000 2007-07-13
  • 打赏
  • 举报
 回复
我用的是ie7
c++信息学奥赛 2007-07-13
  • 打赏
  • 举报
 回复
把图片放在和html文件相同的目录
<image src="Sunset.jpg">
艾思软件-app开发公司 2007-07-13
  • 打赏
  • 举报
 回复
background-image

不能改变大小

--------------
另外：本人感觉是路径问题，请用相对路径
travelman 2007-07-13
  • 打赏
  • 举报
 回复
关注，原来就因为控制不了图片放弃了图片预览功能
labelImg使用教程
本教程将为大家全面介绍labelImg软件以及使用方法，并且教会大家如何标注自己的数据集。主要包括以下几方面内容： 1.labelImg介绍 2.labelImg安装 3.labelImg单类标注 4.labelImg多类标注 5.labelImg注意事项
img的src无法访问本地盘符的图片
img src="file:\\D:\SchoolShop_IMG\upload\headline\1.jpg"> </div> 发现img标签并无法通过file:协议访问绝对路径的本地图片，只能通过http方式请求 解决方法： 通过tomcat服务器进行转发，打开tomcat...
vue中实现img设置src路径为本地图片
在vue项目中有时候img标签中引入的图片是本地图片，直接写src路径貌似根本加载不到，现在把解决方法记录一下。 vue中引入本地路径时可以使用数据的形式进行引入，先提前把图片引入到当前vue文件中，在绑定到img的...
img标签地址src路径拼接_转.HTML中img标签的src属性绝对路径问题解决办法，完全解决！...
需求：有时候自己的项目img的src路径需要用到本地某文件夹下的图片，而不是直接使用项目根目录下的图片。场景：eclipse，tomcat，html，img，src，java注意：不需要寻找tomcat真实路径下的server.xml去修改，这个...
img标签中，src后添加本地目录图片问题，加载本地资源失败问题
由于过几天进行项目答辩，然而阿里云的服务器明天就到期了，于是把项目中的图片路径都改成了本地路径，启动程序发现图片不见了。 F12查看爆红 Failed to load resource:XXXXXX，加载资源失败。 图片也都变成了下面...
CSS

61,112

社区成员

60,732

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章