Handling Paste File Gambar

tmp7
Jul 22

Source code handling paste file gambar di JavaScript.

Yuru camp video on YouTube
@pacolemon/yt-iframe-v1.0.1


html
<input type="text"/>
<img class="_gambar" src="#"/>

<script>

  let $ = document.querySelector.bind(document);
  
  document.onpaste = function (event) {
    let items = (event.clipboardData || event.originalEvent.clipboardData).items;
    for (let index in items) {
      let item = items[index];
      if (item.kind === 'file') {
          let blob = item.getAsFile();
          console.log(blob);
          
          let reader = new FileReader();
          reader.onload = function (event) {
  
              let dataUrl = event.target.result;
              // todo
              $('._gambar').src = dataUrl;
              
          }; 
          reader.readAsDataURL(blob);
      }
    }
  };
  
</script>
Newer posts

Komentar