Advertisement
arijulianto

Pick Image AutoPreview

Dec 9th, 2014
345
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 0.70 KB | None | 0 0
  1. <script>
  2. $(function(){
  3. $('.i-file').live('change',function(){
  4.     if(this.files && this.files[0] && this.files[0].type.match('image*')){
  5.         var reader = new FileReader();
  6.         reader.onload = function (e) {
  7.         $('#imgPreview').prop('src', e.target.result).show();
  8.         }
  9.         reader.readAsDataURL(this.files[0]);
  10.     }
  11.     if (!String(this.files[0].name).match(/(?:gif|jpg|png|bmp)$/)) {
  12.         alert('Harap pilih file gambar saja dengan format JPG, PNG, atau GIF');
  13.         this.value='';
  14.     }
  15. });
  16. })
  17. </script>
  18. <form action="" method="post" enctype="multipart/form-data">
  19. <p><img id="imgPreview" style="display:none" width=150 align="middle" /><input type="file" class="i-file" name="img" /></p>
  20. </form>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement