如何用js怎么获取到图片的相对路径

Posted 2023-04-29

我是这样获取的
<script language="javascript" type="text/javascript">
function lick()
var a = document.getElementById("img").src.replace;
alert(a);

</script>

但是得到的路径是这样的

但是我想得到的是这样的： 头像/1.jpg
请问应该怎么做？

参考技术A 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 参考技术B 用jquery

alert($("#img").attr("src")); 参考技术C var root_href='根目录路径';
var res='';

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

alert(res);本回答被提问者和网友采纳 参考技术D a=a.substring(a.indexOf("历")+2);

javascript 在js文件中获取路径

如果在*.js文件中获取当自己当前的路径是很重要的。

举个例子，如果一个css文件中引用图片，如background-img: url(‘./Images/bg.png‘）。那么图片的路径，是相对于css文件而言的。

但是，如果我们再js文件中引用图片，如img.src = ‘./images/bg.png‘;  但是，图片却不是根据js的相对路径的。而是根据（引用该js）的html的相对路径来决定的。这显然不合理、

所以如果我们能获取js文件的绝对路径的话，就会好很多。譬如 img.src = path + ‘./Images/bg.png‘;

 

获取当前js文件的路径。

var getPath = function(){
    var jsPath = doc.currentScript ? doc.currentScript.src : function(){
      var js = doc.scripts
      ,last = js.length - 1
      ,src;
      for(var i = last; i > 0; i--){
        if(js[i].readyState === ‘interactive‘){
          src = js[i].src;
          break;
        }
      }
      return src || js[last].src;
    }();
    return jsPath.substring(0, jsPath.lastIndexOf(‘/‘) + 1);
  }()