如果图片没有放到服务器上,只是代码放上,想要JS读取本地的图片资源是没办法的。
你做的上传功能放到服务器不能显示并不是因为图片保存在本地了,而是你的图片保存到服务器但缩略图引用路径不正常。
建议个性缩略图引用路径的格式,建议使用相对路径,千万不要使用物理路径,如:D:/a.jpg
将图片文件、JS文件与你的网页文件保存在同一文件夹中,然后去掉图片的路径即可。即修改中间的代码为:runimg.imgurl = [ "<img src=’T1t8eTXbBtXXXXXXXX-490-170.png‘ />", "<img src=‘T1OVOUXeNjXXXXXXXX.jpg’ />", "<img src=’T1J.9TXc8lXXXXXXXX.jpg‘ />"]<!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/htmlcharset=gb2312" />
<title>get file input full path</title>
<script language='javascript'>
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select()
return document.selection.createRange().text
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL()
}
return obj.value
}
return obj.value
}
}
</script>
</head>
<body>
<input type="file" onchange="document.getElementById('img').src=getFullPath(this)" />
<img id="img" />
</body>
</html>
firefox7+请使用return window.URL.createObjectURL(obj.files.item(0))来获取地址