데이터 프로토콜 URl

Question

이미지에 data URIs을 사용하는 신뢰할 수있는 방법은 무엇입니까? 나는 IE6/7이 그들을 지원하지 않는다는 것을 안다.

1. 는 I 기본적으로 영상 데이터의 URI를 사용
2. 브라우저는
3. 는 <noscript>에 (안 데이터) 이미지를 포함하는 자바 스크립트를 사용하여 (데이터가 아닌 그러나 실제 이미지로) 화상을 도시 IE6/7이면 .

내 질문은 : 브라우저가 자바 스크립트 및 데이터 URI를 지원하더라도 이미지를 <noscript>으로 가져 오겠습니까?

Answer 1

, 당신이 이 ...

// Parse user agent and figure out if this browser supports data 
// URIs - e.g. `supportDataUri()`. Also, store the image path 
// somewhere - I'll assume for convenience an attribute called `data-image-src` 

if (! supportDataUri()) { 

    var images = document.getElementsByTagName('img'); 

    for (var i = 0, imagesLength = images.length; i < imagesLength; i++) { 
     var imgSrc = images[i].getAttribute('data-image-src'); 
     images[i].src = imgSrc; 
    } 

}