如何通过JS获取用户本地图片路径

JavaScript011

如何通过JS获取用户本地图片路径,第1张

<!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))来获取地址

在我的电脑,下面的代码成功:

<html>

   <head>

 <title> 选择一幅图片 </title>

 

   </head>

   <body>

 <img name = img1 src="" border="0" width="400"height=500>

<script language="javascript" type="text/javascript">

  var myImages = new Array("e:/TEMP/文件/三生石.jpg", "e:/TEMP/文件/中国心.jpg")

  var imgIndex = prompt("Enter a number from 0 to 1", "")

  document.images["img1"].src = myImages[imgIndex]

</script>

   </body>

</html>

你的路径里面的\在JS里面会转义,应该使用\\或者/

此外,这样的程序只能在你的机器上运行,在服务器上的时候,浏览器是显示操作浏览器的那个人的电脑上的e:的本地文件,而不是服务器上的文件。

1、本地的图片?HTML只能连接网站内的图片,即使在本地,也需要先将图片拷贝到网站内。

2、网页中引用js文件,象你这样如果用到图片路径等时,要注意的是这个路径如果用相对路径表示的话,是网页与图片之间的相对路径,而不是js文件与图片之间的相对路径。如果有多个不同的目录中的网页文件需要引用一个这样的js文件的话,最好的解决办法是用绝对路径。也就是改成:

imgUrl1=("/images/0.gif")

imgtext1="1111"

imgLink1=escape("/XX.html")

imgUrl2=("/images/00.gif")

imgtext2="222"

imgLink2=escape("/XXX.html")