jQueryを使用してイメージ名を取得するには？どのように私は<code>blue</code>データを得ることができ、</p>のjQueryを使用して <pre><code><img src='static/images/banner/blue.jpg' /> </code></pre> <p>：

Question

はのは、私が持っていると言いましょうか？

$('img').attr('src')を使用すると、URI全体を取得できます。その場合、エクステンションとすべてのパスを削除する最善の方法は何ですか？

Answer 1

ローカルファイルにはパス名にスラッシュ（ '\'）を使用し、ファイル名の中にはハッシュや検索テールを定義したり、拡張子を持たないものがあります。

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

正規表現は、ここにあなたの親友になります...

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

Answer 3

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

Answer 4

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

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

Answer 5

は単なる文字列分割動作するはずです：

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

は、我々が持っていると言う：ここで

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

たちは、ファイル名を抽出するために何をすべきかです：

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

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

結果：RokoC.Buljan感謝@

console.log(name); // foobar