怎么获得图片的地址js 图片地址怎么获取查询

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

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

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

js怎么获取图片的相对地址

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获取页面中所有的图片地址

var imgs = document.getElementsByTagName("img");var imgURLs=new Array(imgs.length);for(var i = 0;iimgs.length;i++){ imgURLs[i] = imgs[i].src;//如果用document.getElementsByTagName("img")[i].src;每取一个图片地址就会对全部图片查找一次，这样效率比较低，还是储存在imgs中比较好！}//以上代码最好放在页面的最后面，或window.onload事件里，这样就不会因为页面没有全部加载完而没有全部读取到img元素使用js获取页面中所有的图片地址

怎么获得图片的地址js的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于图片地址怎么获取查询、怎么获得图片的地址js的信息别忘了在本站进行查找喔。