JSFiddle - React, Tailwind, and code Playground

by no2don

HTML

<div>
請按下 ctrl + v 貼上<br>
</div>
<img src='' id='img1' />
<span src id='txt1'></span>

JavaScript

document.onpaste = function(pasteEvent) {
   if (pasteEvent.clipboardData) {
     var item = pasteEvent.clipboardData.items[0];
		 //處理圖片
     if (item.type.indexOf("image") === 0) {
       var blob = item.getAsFile();

       var reader = new FileReader();
       reader.onload = function(event) {
         $('#img1').attr('src', event.target.result);
         $('#txt1').html(event.target.result);
       };

       reader.readAsDataURL(blob);
     //處理文字
     } else if (item.type.indexOf("text/plain") === 0) {
       var txtContent = pasteEvent.clipboardData.getData('text/plain');
       $('#txt1').html(txtContent);

     } else {

       alert('Other Type:' + item.type);

     }

   }

 };