使用扩展名提取图像文件名 - JS

时间:2016-04-06 23:39:02

标签: javascript jquery html5 image

我在互联网上看到很多选项,但这不是我想要的。 我想获取图像名称,但扩展名为JS。 即使图像文件和图像的路径类似于:

  

的文件夹/文件夹1 / fol.der / my.image.jpg

结果必须是:

  

my.image.jpg

3 个答案:

答案 0 :(得分:0)

将字符串拆分为数组并获取最后一项。

var filePath = "folder/folder/fol.der/my.image.jpg";
var pathArray = filePath.split("/");
var fileName = pathArray[pathArray.length-1]; // returns my.image.jpg

答案 1 :(得分:0)

是的,我找到了解决方案:

var img = "/path1/pa.th2/dfgdfgdfg.ghfgh.jpg"
var basename = img.replace(/\\/g,'/').replace(/.*\//, '');

结果:

  

dfgdfgdfg.ghfgh.jpg

如果这对某人有帮助。

答案 2 :(得分:0)

可能比要求更复杂:

var dir = "folder/folder1/fol.der/my.image.jpg";

var getFileName = function(dir){
  return dir.replace(/[\w\.\/]+(?=\/)\/([\w/.]+)/g, "$1");
}

getFileName(dir);

函数getFileName获取目录字符串并返回文件名字符串。它对任意数量的目录进行正则表达式匹配,匹配最后一个匹配目录后的所有内容,用匹配的组替换dir字符串,然后返回它。