CODEWITHSUNDEEP
javascriptjqueryhtmlsubstring
FlyingCat
FlyingCat

Reputation: 14250

How to get the folder path for my case?

I am trying to get the folder path from the src attribute.

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

I want to get something like 'project/image/test/'

Here is my codes but I am not sure what to do next.

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

Can someone help me out on this? Thanks a lot!

Upvotes: 0

Views: 56

Answers (5)

epascarello
epascarello

Reputation: 207501

Split apart, remove last index, join back together

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

or

Match last / and everything after it and remove it

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

Match with regular expression

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

Upvotes: 0

Harvey A. Ramer
Harvey A. Ramer

Reputation: 772

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

Upvotes: 0

Jan M.
Jan M.

Reputation: 127

Hy,

simple and self explaining solution:

$(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/

Upvotes: 0

Gabriele Petrioli
Gabriele Petrioli

Reputation: 195972

Try with .lastIndexOf()

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

Upvotes: 1

Eric Herlitz
Eric Herlitz

Reputation: 26257

Use regex

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

Upvotes: 0

Related Questions