loại bỏ đường dẫn đầy đủ, giữ tên tập tin chỉ

Question

Đang cố gắng để loại bỏ các url đầy đủ đang được trở lại imgurl: thường trả về một cái gì đó giống như http://localhost/wordpress/wp-content/uploads/filename.jpg hoặc http://localhost/wordpress/wp-content/uploads/images/filename.jpg

Tôi muốn lột mọi thứ trừ filename.jpg và trở lại nó đến ahng_photos_upload_image. Bỏ tất cả mọi thứ sang dấu gạch chéo cuối cùng. Làm thế nào tôi có thể làm điều đó với Jquery?

window.send_to_editor = function(html) { 
imgurl = jQuery('img',html).attr('src'); 
jQuery('#ahng_photos_upload_image').val(imgurl); 
tb_remove(); 
} 

Answer 1

Bạn không cần jQuery cho rằng, chỉ đơn giản cũ JavaScript sẽ làm :)

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

Trong trường hợp của bạn:

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

Answer 2

bạn có thể sử dụng một biểu thức chính quy theo thứ tự để đạt được điều này ..

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

Bây giờ các tập tin sẽ bao gồm các tên tập tin ..

Answer 3

Nếu bạn đang khá tự tin rằng các URL không có thứ hài hước như băm hoặc các thông số, một regex như thế này sẽ làm điều đó:

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

Ngoài ra: đừng quên khai báo "imgurl" với var, và bạn nên lẽ sử dụng .prop() thay vì .attr() nếu phiên bản của jQuery là 1.6 hoặc mới hơn:

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

cũng jQuer y chuyển nội bộ dạng hàm hai tham số thành hàm này:

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

để bạn cũng có thể mã theo cách đó.

Answer 4

Hãy thử điều này một:

imgurl.split('/').slice(-1); 

Edit: Nhìn vào the version of @Andy người sử dụng phương pháp pop(), sau này là nhanh hơn so với slice(-1).

Answer 5

Ở đây bạn có

var filename = imgurl.split('/').slice(-1); 

Chúc may mắn!

Answer 6

Một lựa chọn nữa:

var filename = imgurl.substring(imgurl.lastIndexOf('/') + 1); 

JS Fiddle demo.

Answer 7

Lưu ý rằng nếu bạn không biết nếu bạn có về phía trước hoặc dấu gạch chéo ngược, bạn nên sử dụng phiên bản RE của split:

"path".split(/[\/\\]/).slice(-1) 

Answer 8

Dưới đây là một câu trả lời rằng sẽ làm việc khi tên file của bạn là như ./file.jpg

var extension = fileName.slice((fileName.lastIndexOf(".") - 1 >>> 0) + 2); 
var baseName = fileName.replace(/^.*\/([^/]*)$/, "$1"); 
var path = fileName.replace(/(^.*\/)([^/]*)$/, "$1");