есть ли жизнеспособный способ показать, обнаруживают поддержку image:data base64
Что-то, что необходимо очень помнить при обучении брату к программе, для него для не надежды слишком в большой степени на Вас. Часто, когда я помогаю другим, они начнут думать обо мне как о книге ответа ко всем их вопросам и вместо того, чтобы экспериментировать для нахождения ответа, они просто спрашивают меня. Часто лучший учитель является экспериментированием и каждый раз, когда у Вашего брата есть вопрос как, "Что произойдет, если я добавлю 2 к строке?" необходимо сказать ему испытывать его и лично убеждаться. Также я заметил, что, когда я не могу получить понятие до кого-то, оно помогает видеть некоторый пример кода, где мы можем посмотреть на каждый сегмент индивидуально и объяснить его часть частью. Как примечание стороны люди, плохо знакомые с программированием часто, испытывают затруднения из-за идеи объектно-ориентированного программирования, они скажут, что понимают его, когда Вы преподаете его им, но не получите ясное понятие его до фактической реализации его.
2 ответа
Это может быть то, что вы ищете: http://weston.ruter.net/2009/05/07/detecting-support-for-data-uris/
Я работал над сценарием, который добавляет частичную поддержку схемы DataURI в IE6 +: http://phenxdesign.net/projects/phenx-web/iedatauri/example.php и код находится здесь: http://code.google.com/p/phenx-web/source/browse/trunk/iedatauri/
IE5 + также поддерживает своего рода URI данных, но не всегда его можно использовать: http://www.betalon.com/blog/html_css/data-uri-in-css-crossbrowser.htm
Используя вышеизложенное, чтобы расширить объект mootools Browser.Features (если кто-то сочтет его полезным, modernizr его не поддерживает )
http://www.jsfiddle.net/dimitar/5JT45/13/show/ или https://gist.github.com/821370
(function() {
Browser.Features.base64 = null;
var callback = function() {
Browser.Features.base64 = this.width == 1 && this.height == 1;
// alert(Browser.Features.base64); // true || false
};
var img = new Image(), img = document.id(img) || new Element("img");
img.onload = img.onerror = img.onabort = callback;
// 1x1 px gif to test with
img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
})();