Cách lấy tên hình ảnh bằng jQuery?

Question

Hãy nói tôi có:

<img src='static/images/banner/blue.jpg' /> 

Sử dụng jQuery, làm thế nào tôi có thể lấy dữ liệu blue?

Nếu tôi sử dụng $('img').attr('src'), tôi có thể nhận toàn bộ URI. Trong trường hợp đó, cách tốt nhất để loại bỏ phần mở rộng và tất cả các đường dẫn là gì?

Answer 1

Có một vài tệp tin cục bộ ở đây có thể sử dụng dấu gạch chéo ('\') khác trong tên đường dẫn, và một số tên tệp có thể có băm hoặc đuôi tìm kiếm được xác định hoặc không có phần mở rộng.

String.prototype.filename=function(extension){ 
    var s= this.replace(/\\/g, '/'); 
    s= s.substring(s.lastIndexOf('/')+ 1); 
    return extension? s.replace(/[?#].+$/, ''): s.split('.')[0]; 
} 

console.log($('img').attr('src').filename()); 

Answer 2

Regex sẽ là người bạn thân nhất của bạn ở đây ...

var filename = fullUri.replace(/^.*?([^\/]+)\..+?$/, '$1');

Answer 3

var src = $('img').attr('src').split('/'); 
var file = src[src.length - 1]; 

nên làm việc

Answer 4

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

var name = src.match(/static\/images\/banner\/(.*)\.jpg/)[1]; 

Answer 5

Chỉ cần chia chuỗi:

var src = $('img').attr('src'); // "static/images/banner/blue.jpg" 
var tarr = src.split('/');  // ["static","images","banner","blue.jpg"] 
var file = tarr[tarr.length-1]; // "blue.jpg" 
var data = file.split('.')[0]; // "blue" 

Answer 6

src = $('img').attr('src'); 
src_array = src.split('/'); 
src = src_array[src.length-1]; 

Answer 7

Giả sử chúng ta có:

<img src="path/to/awesome/image/foobar.jpg" /> 

Dưới đây là những gì chúng ta làm gì để trích xuất các tên file:

Array.prototype.filename = function() { 
    var tmp = this.split('/'); 
    return tmp[tmp.length-1].match(/(.*)\.[\w]+$/)[1]; 
}); 

$('img').attr('src').filename(); 

Kết quả:

console.log(name); // foobar