Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function previewFile() {
- var preview = document.querySelector('img');
- var file = document.querySelector('input[type=file]').files[0];
- var reader = new FileReader();
- reader.onloadend = function () {
- preview.src = reader.result;
- }
- if (file) {
- reader.readAsDataURL(file);
- } else {
- preview.src = "";
- }
- }
- <form id="form1" runat="server">
- <input type='file' id="imgInp" />
- <img id="blah" src="#" alt="your image" />
- </form>
- function readURL(input) {
- if (input.files && input.files[0]) {
- var reader = new FileReader();
- reader.onload = function (e) {
- $('#blah').attr('src', e.target.result);
- }
- reader.readAsDataURL(input.files[0]);
- }
- }
- $("#imgInp").change(function(){
- readURL(this);
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement