Làm thế nào để thiết lập src hình ảnh sử dụng jQuery

Question

Tôi cố gắng để thay đổi các thuộc tính hình ảnh src sử dụng jQuery

jQuery("#imageID").attr('src','http://localhost:8080/images/1/myImage.png'); 

sử dụng đoạn mã trên tôi có thể thay đổi các thuộc tính src, nhưng khi tôi cố gắng này: -

jQuery("#imageID").attr('src',jQuery("#imageBlock").css('background-image')); 

tôi không thể thay đổi src.

cung cấp

alert (jQuery("#imageBlock").css('background-image')); 

lợi nhuận:

url (http://localhost:8080/images/1/myImage.png)

Chỉnh sửa # 1 Chỉ khi tôi sắp sửa chấp nhận các giải pháp. Tôi phải nói, hầu như tất cả các giải pháp làm việc trong FF. Tôi đã thử:

• lát (4, -1);
• chia ("(") [1]> sau đó thay thế (")", "");

Tôi đoán những người khác cũng sẽ hoạt động. Nhưng không có giải pháp nào hoạt động trong IE. Lý do được: trong khi FF trả:

url (http://localhost:8080/images/1/myImage.png)

IE Trả:

url ("http://localhost:8080/images/1/myImage.png")

^^ tâm sự trích dẫn tại đây

Bây giờ, những gì có thể là cách chung chung để thiết lập attr src. Tôi có cần kiểm tra trình duyệt nếu nó là IE hay không?

Đây là mã hoạt động.

var src = ""; 
    if (jQuery.browser.msie) { 
     src = jQuery("#imageBlock").css('background-image').slice(5,-2);   
    }else{ 
     src = jQuery("#imageBlock").css('background-image').slice(4,-1); 
    } 
    jQuery("#imageID").attr('src', src); 

Tôi thực sự không thích: x. Nếu có một giải pháp khác, xin vui lòng cho tôi biết hoặc nếu không tôi sẽ chấp nhận giải pháp slice ngay lập tức.

Answer 1

IMO, slice là thích hợp hơn substring hoặc replace. Hãy thử điều này:

jQuery("#imageID").attr(
    'src', 
    jQuery("#imageBlock").css('background-image').slice(4,-1) 
); 

Ở đây, bạn đang cắt chuỗi ở giữa url( và ). Xem MDC trên slice để biết mô tả chi tiết về phương pháp.

Answer 2

Bạn sẽ cần phải cắt url( và đóng các phần ) để hoạt động.

Vì vậy url(http://localhost:8080/images/1/myImage.png)

trở thành

http://localhost:8080/images/1/myImage.png

Bạn có thể làm điều này với một chuỗi con, một regex thay thế hoặc bất kỳ phương pháp mà bạn chọn.

http://www.w3schools.com/jsref/jsref_replace.asp

lẽ:

jQuery("#imageID").attr('src',jQuery("#imageBlock").css('background-image').replace('url(','').replace(')',''))

Answer 3

Đó là do chuỗi url() được bao quanh nó. Bạn sẽ cần phải cởi nó ra khỏi chuỗi, ví dụ bằng cách sử dụng chức năng thay thế ...

var bgimg = jQuery("#imageBlock").css('background-image').replace('url(', ''); 
bgimg.replace(')', ''); 

Answer 4

Bạn cần phải trích xuất các phần url:

var backgroundImage = $("#imageBlock") 
    .css('backgroundImage') 
    .replace(/"/g,"") 
    .replace(/url\(|\)$/ig, ""); 
jQuery("#imageID").attr('src', backgroundImage);