remove full path, keep filename only remove full path, keep filename only wordpress wordpress

remove full path, keep filename only


You don't need jQuery for that, just plain old JavaScript will do :)

alert('http://localhost/wordpress/wp-content/uploads/filename.jpg'.split('/').pop());​​

In your case:

var filename = imgurl.split('/').pop();


you can use a regular expression in order to achieve this..

var file = imgUrl.replace(/^.*[\\\/]/, '');

Now the file would consist of only the file name ..


If you're pretty confident that the URLs don't have funny stuff like hashes or parameters, a regex like this would do it:

var filename = imgurl.replace(/^.*\/([^/]*)$/, "$1");

Also: don't forget to declare "imgurl" with var, and you should probably use .prop() instead of .attr() if your version of jQuery is 1.6 or newer:

var imgurl = jQuery('img', html).prop('src');

Also jQuery internally turns the two-argument form of the function into this:

var imgurl = jQuery(html).find('img').prop('src');

so you might as well code it that way.