Display Image Selected For Uploading In Chrome And Mozilla

In one of my web application I have to show the image which selected for uploading before it uploaded to the server , using javascript . I had this code ... It is working pretty we

Solution 1:

This code is working fine in chrome

http://jsfiddle.net/PrNWY/13/

Its shows the selected image in chrome & FF.

update

you can check file reader capability with following code

// Check for the various File API support.if (window.File && window.FileReader && window.FileList && window.Blob) {
    // Great success! All the File APIs are supported.alert('The File APIs are fully supported in this browser.');
 } else {
    alert('The File APIs are not fully supported in this browser.');
 }

In my safari it failed because of it is not supporting file API fully.