如何在javascript

Question

＆＃13;

＆＃13;

 var URLS = ['https://www.vsss.co.in/Admin/uploads/722661/bb.jpg','https://www.vsss.co.in/Admin/uploads/755153/scs.jpg','https://www.vsss.co.in/Admin/uploads/704543/1606.jpg']
URLS.forEach(function(element){
    var image_name = element.replace("https://www.vsss.co.in/Admin/uploads/722661/", "");
    console.log(image_name);
});  

＆＃13;

＆＃13;

＆＃13;

任何人都可以帮助我如何从URL获取图像名称和图像扩展名。我试过，但是当722661是动态生成的串行时我会静态输入URL我该如何解决这个问题呢？

Answer 1

从最后/ + 1开始获取子字符串。在这里使用字符串函数比任何数组创建方法/替换都要快得多。

＆＃13;

＆＃13;

const URLS = ['https://www.vsss.co.in/Admin/uploads/722661/bb.jpg','https://www.vsss.co.in/Admin/uploads/755153/scs.jpg','https://www.vsss.co.in/Admin/uploads/704543/1606.jpg'];

function getFileName(s) {
 return s.substring(s.lastIndexOf('/') + 1);
}

const fileNames = URLS.map(getFileName);
console.log(fileNames);

＆＃13;

＆＃13;

＆＃13;

效果：https://jsperf.com/string-function-array/1

Answer 2

您可以根据/拆分网址并获取最后一个值

var URLS = ['https://www.vsss.co.in/Admin/uploads/722661/bb.jpg','https://www.vsss.co.in/Admin/uploads/755153/scs.jpg','https://www.vsss.co.in/Admin/uploads/704543/1606.jpg']
URLS.forEach(function(element){
    var image_name = element.split("/").pop();
    console.log(image_name.split('.'));
});

Answer 3

您可以使用Regex执行此操作。试试这个正则表达式：

/[\w-]+\.jpg/g

并支持更多文件扩展名：

/[\w-]+\.(jpg|png|gif)/g

示例：

var URLS = [ 'https://www.vsss.co.in/Admin/uploads/722661/bb.jpg', 'https://www.vsss.co.in/Admin/uploads/755153/scs.jpg', 'https://www.vsss.co.in/Admin/uploads/704543/1606.jpg' ];

URLS.forEach( function ( element ) {
    var image_name = element.match( /[\w-]+\.jpg/g );
    console.log( image_name.join() );
} );