cách kiểm tra xem một hình ảnh đã được lưu trong bộ nhớ js chưa?

Question

khi tôi tham gia một cuộc phỏng vấn, tôi đã được hỏi câu hỏi, tôi không biết phải trả lời như thế nào.

bạn có biết điểm mấu chốt của câu hỏi không?

Answer 1

Kiểm tra nếu complete thuộc tính của đối tượng Image là true:

function is_cached(src) { 
    var image = new Image(); 
    image.src = src; 

    return image.complete; 
} 

Có vẻ như để làm việc (mặc dù nó sẽ tải các hình ảnh nếu nó không có trong bộ nhớ cache, mà có thể không được những gì bạn muốn):

> is_cached('http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=3') 
false 
> is_cached('http://cdn.sstatic.net/stackoverflow/img/sprites.png?v=3') 
true 

Answer 2

bạn có thể kiểm tra như:

function is_cached(img_url){ 
    var imgEle = document.createElement("img"); 
    imgEle.src = img_url; 
    return imgEle.complete || (imgEle.width+imgEle.height) > 0; 
} 

//and check, returns true or false depending on cached or not 
is_cached("http://www.somesite.com/some_image.jpg");