Advertisement
Guest User

Untitled

a guest
Aug 21st, 2017
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.77 KB | None | 0 0
  1. function previewFile() {
  2. var preview = document.querySelector('img');
  3. var file = document.querySelector('input[type=file]').files[0];
  4. var reader = new FileReader();
  5.  
  6. reader.onloadend = function () {
  7. preview.src = reader.result;
  8. }
  9.  
  10. if (file) {
  11. reader.readAsDataURL(file);
  12. } else {
  13. preview.src = "";
  14. }
  15. }
  16.  
  17. <form id="form1" runat="server">
  18. <input type='file' id="imgInp" />
  19. <img id="blah" src="#" alt="your image" />
  20. </form>
  21.  
  22.  
  23. function readURL(input) {
  24. if (input.files && input.files[0]) {
  25. var reader = new FileReader();
  26.  
  27. reader.onload = function (e) {
  28. $('#blah').attr('src', e.target.result);
  29. }
  30.  
  31. reader.readAsDataURL(input.files[0]);
  32. }
  33. }
  34.  
  35. $("#imgInp").change(function(){
  36. readURL(this);
  37. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement