javascript 图片的绝对路径

JavaScript013

javascript 图片的绝对路径,第1张

在我的电脑，下面的代码成功：

<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:的本地文件，而不是服务器上的文件。

javascript中img.src属性可以获取到图片的完整路径， 相对路径要通过与相对位置计算得出。计算方法：

先要明确自己的相对位置在哪，这个是需要人为指定的。

核心代码如下：

var res=document.getElementById("img").src

var root_href='根目录路径'

res=document.getElementById("img").src.replace(root_href,'')

用jquery方法

var res=$("#img").attr("src")

res=res.substring(res.indexOf("根")+2)

更多关于在上传文件的过程得到完整路径的方法请参考如下:

file.select()

var res=document.selection.createRange().text

var res=file.files.item(0).getAsDataURL()

var res=file.value

js不要直接在HTML中写输出，要用WordPress的wp_enqueue_scripts hook去调用，给你的这个js一个别名

参考我之前为一个德国的插件作者提的建议：suoling.net/djd-site-post

上面链接的页面有示例代码，按照那个示例，将你的图片地址以php变量方式传给js就行了。

祝愉快！