قرار گرفتن عکس در صفحه ی وب بدون آپلود

[mohsen_31369]

سلام
می خواستم عکسی را که کاربر انتخاب کرده را قبل از اینکه آپلود شود در صفحه ی وب به نمایش بذارم.
در اینترنت سرچ کردم به این کد رسیدم که با html5 این کار را انجام میدهد ولی فقط روی کروم جواب می ده.
چی کار کنم روی سایر مرورگرها جواب بده.
و اینکه در مورد filrReader توضیح بدهید که دقیقا چه کارهایی را می توان با آن انجام داد.

کد جاوا اسکریپت :

$(':file').change(function(e){
for (var i = 0; i < e.originalEvent.srcElement.files.length; i++) {
var file = e.originalEvent.srcElement.files[i];
var img = document.createElement("img");
var reader = new FileReader();
reader.onloadend = function() {
img.src = reader.result;

}
reader.readAsDataURL(file);


$(':file').after(img);

}
});

کد html:

<input type='file' />