nếu tôi sử dụng cú pháp jQuery: $("<img src='img.jpg'>")
, hình ảnh có thực sự được tải xuống cho khách hàng không? hoặc tôi có phải gắn nó vào cơ thể để tải xuống không?
Trả lời
Bạn không phải thêm phần tử hình ảnh vào tài liệu để tải hình ảnh.
Bản thân phần tử hình ảnh sẽ yêu cầu hình ảnh ngay khi bạn tạo (và ngay sau khi nó có giá trị src
).
Watch acivity ròng (trong Firebug Tools/Developer) khi bạn chạy này: http://jsfiddle.net/Guffa/AvgVN/
Google "javascript preload" để tìm tấn ví dụ mã có sử dụng này.
Có, hình ảnh sẽ được tải xuống ngay lập tức.
Mặc dù yếu tố Image
đã được tạo chưa có trong DOM, trình duyệt của bạn sẽ vẫn bắt đầu tải xuống ngay khi thuộc tính .src
được đặt.
Sử dụng avatar riêng của bạn, tôi chỉ làm điều này trong bảng điều khiển
> i = $('<img src="http://graph.facebook.com/100002351317104/picture?type=large">');
...
> i[0].width
180
cho thấy hình ảnh thực sự là nạp.
Nếu bạn nghĩ về điều này, điều này thực sự phải là trường hợp nếu không tải hình ảnh trước không bao giờ có thể hoạt động. Tải trước hình ảnh phụ thuộc vào việc tạo nút tách rời Image
và đặt số src
, chính xác là những gì $("<img src=...>")
sẽ thực hiện.
+1 Nó * thực sự được tải xuống ngay lập tức! – techfoobar
Tôi sẽ nói có hoặc có thể phụ thuộc vào trình duyệt.
$("<img src='http://crssrd.com/web_apps/index/themes/crssrd.com/images/loading.gif'>")
Kiểm tra điều này trên Chrome ví dụ: http://jsfiddle.net/SMnhU/ Hình ảnh được tải xuống ngay lập tức.
Bạn có thể cung cấp ví dụ về trình duyệt _does not_ ngay lập tức tải xuống hình ảnh không? –
Không, tất cả các trình duyệt tôi đã thử tải xuống ngay lập tức. Nhưng tôi đã không thử nghiệm opera ví dụ nhưng bị bệnh thực sự ngạc nhiên nếu nó khác nhau cho trình duyệt này. –
Vì vậy, có lẽ nó là an toàn để nói rằng nó _does not_ phụ thuộc vào trình duyệt :) –
- 1. Kiểm tra nếu img src trống sử dụng jQuery
- 2. <img src> w/timeout?
- 3. Biến cho img src =
- 4. Việc thay đổi thuộc tính src của hình ảnh có ngăn không cho tải hình ảnh xuống không?
- 5. xem nếu src của img tồn tại
- 6. Ghi nơi không tải được hình ảnh từ url src
- 7. Làm thế nào để có được đường dẫn hình ảnh cho <img src="?"> tag từ tập tin XML
- 8. Sử dụng hình ảnh xcassets làm src cho thẻ img trong trang web UIWebView
- 9. Neo href của hình ảnh có tải xuống không?
- 10. Trao đổi hình ảnh src với jquery
- 11. XPath để phân tích cú pháp "SRC" từ thẻ IMG?
- 12. Làm điều gì đó nếu hình ảnh không được tải (jquery)
- 13. Tôi có thể lấy hình ảnh từ phần tử canvas và sử dụng nó trong thẻ img src không?
- 14. jQuery: Cách tìm hình ảnh bằng src
- 15. Bắt lỗi tải img cho <img> thẻ được tạo sau khi tải trang (ví dụ: qua AJAX)
- 16. Hoán đổi hình ảnh src với yêu cầu jQuery Ajax
- 17. Ảnh trong thẻ noscript chỉ được tải xuống nếu Javascript bị vô hiệu hóa?
- 18. Hình ảnh thay đổi jquery src
- 19. Tải hình ảnh lên thẻ img
- 20. Tự động thay thế thuộc tính img src bằng jQuery
- 21. Tại sao tôi không thể làm <img src="C:/localfile.jpg">?
- 22. jQuery thay đổi <img> src với $ (bộ chọn) .prop mất một thời gian dài
- 23. Tải hình ảnh cho hình ảnh tĩnh
- 24. Sự kiện tải hình ảnh trong cho ng-src trong AngularJS
- 25. Làm cho hình ảnh mờ dần khi tải hình ảnh bằng cách sử dụng jquery
- 26. Jquery: Nhận từng hình ảnh src
- 27. Tải xuống hình ảnh có hình thu nhỏ
- 28. Tùy chọn tải xuống tệp bằng cách sử dụng tập lệnh khách hàng trong hệ thống khách hàng
- 29. AFNetworking + NsOperationQueue - Tải xuống hàng nghìn Hình ảnh
- 30. jquery div khi tất cả các hình ảnh được tải
Tôi nghĩ điều này là sai nhưng không phải vậy! Bây giờ tôi nhớ, các trình tải trước hình ảnh cuối thập niên 90 "cũng đã hoạt động theo cách đó. –
Tôi cũng thế. Thực tế là nó là thực sự ngay lập tức tải về! – techfoobar