Question

我正在尝试从src属性获取文件夹路径。

<img src='project/image/test/grey.png'/>

我希望获得类似'project/image/test/'

的内容

这是我的代码，但我不知道下一步该做什么。

var folder = $('img').attr('src');

有人可以帮我解决这个问题吗？非常感谢！

Answer 1

尝试使用.lastIndexOf()

var fullpath = $('img').attr('src')
    folder = fullpath.substr(0,fullpath.lastIndexOf('/')+1);

Answer 2

使用正则表达式

var src = $('img').attr('src');
var reg = /[^\/]*$/;
var folder = src.replace(reg, ''); // project/image/test/

Answer 3

拆分，删除最后一个索引，重新加入

var parts = 'project/image/test/grey.png'.split("/");
parts.pop();
var path = parts.join("/");
var pathWithSlash = parts.join("/") + "/";

或

匹配最后一个/及其后的所有内容并将其删除

var path = 'project/image/test/grey.png'.replace(/\/[^\/]*$/,"");
var pathWithSlash = 'project/image/test/grey.png'.replace(/[^\/]*$/,"");

与正则表达式匹配

var path = 'project/image/test/grey.png'.match(/^(.*\/)/)[0];

Answer 4

HY，

简单且自我解释的解决方案：

$(document).ready(function(){
var source = $('img').attr('src');
   var array = source.split('/');
   var output  = "";
    for(var i = 0; i< array.length-1;i++){
        output += array[i]+"/";
    }
    alert(output);
});

http://jsfiddle.net/wrgtF/

Answer 5

var folderArr =  $('img').attr('src').split('/'),
    folder = '';
folderArr.pop();
folder = folderArr.join('/');

如何获取我案例的文件夹路径？

5 个答案: