как предварительно просмотреть изображение перед загрузкой в различных браузерах

Я хочу показать предварительный просмотр изображения, прежде чем он будет загружен. Я нашел частичное решение, которое работает на ie6 и Firefox, и еще не протестировало его в ie7 или ie8. Но я хочу решение, которое работает в сафари, ie7 и ie8 также. Вот решение, полученное путем объединения решения для Firefox и ie6:

function preview(what) {
if(jQuery.browser.msie) {
document.getElementById("preview-photo").src=what.value;
return;
}
else if(jQuery.browser.safari) {
document.getElementById("preview-photo").src=what.value;
return;
}
document.getElementById("preview-photo").src=what.files[0].getAsDataURL();
//  alert(jQuery("#preview-photo").height());
//  alert(jQuery("#preview-photo").width());
var h = jQuery("#preview-photo").height();  
var w = jQuery("#preview-photo").width();//assuming width is 68, and height is floating
if ((h > 68) || (w > 68)){
if (h > w){
jQuery("#preview-photo").css("height", "68px");
jQuery("#preview-photo").css("width", "auto");
}else {
jQuery("#preview-photo").css("width", "68px");
jQuery("#preview-photo").css("height", "auto");
}
}
}

getAsDataURL () часть работает в Firefox и "src=what.value" работах части в ie6, но что работало бы в сафари, и "src=what.value" работает в ie7 и ie8 также? В противном случае есть ли некоторое решение, которое также работает там? Я буду счастлив, если я могу заставить просмотр изображения работать в 5 или 6 браузерах. Если это не делает затем единственной опции, должен иметь две формы с частью загрузки изображения другой формы?