CODEWITHSUNDEEP
jqueryimageupload
DiegoP.
DiegoP.

Reputation: 45737

Show the image preview before uploading it to the server

Hello I am looking for a Javascript or jQuery based solution to show an image preview of the SELECTED image and not of the uploaded one. So as soon as the user selects the image a preview will be shown of this image. I do not have any code, I am pretty lost here. I need a solution HTML + Javascript or jQuery based. I can also use some PHP if necessary

Upvotes: 3

Views: 6645

Answers (1)

Sanghyun Lee
Sanghyun Lee

Reputation: 23002

To do that, you need to use the HTML5 File API. Almost every latest browsers support this feature except IE9. Safari 5.1 supports this but it's still in beta. You can check the HTML5 File API browser compatibility here.

There are good tutorials about using the HTML5 File API to display preview like this or this.

If you need more, you can find more with googling. You may need to use Progressive enhacement.

Upvotes: 5

Related Questions