当前位置:网站首页>js读取剪切板的图片

js读取剪切板的图片

2022-06-22 20:50:00 紫微前端

<script>
function test(evt){  
    //for chrome  
    var clipboardData = evt.clipboardData;  
    for(var i=0; i<clipboardData.items.length; i++){  
        var item = clipboardData.items[i];  
        if(item.kind=='file'&&item.type.match(/^image\//i)){  
            //blob就是剪贴板中的二进制图片数据  
            var blob = item.getAsFile(),reader = new FileReader();  
            //定义fileReader读取完数据后的回调  
            reader.onload=function(){  
                var sHtml='<img src="'+event.target.result+'">';//result应该是base64编码后的图片  
                document.getElementById('dd').innerHTML += sHtml;  
            }  
            reader.readAsDataURL(blob);//用fileReader读取二进制图片,完成后会调用上面定义的回调函数  
        }  
    }  
}  
</script>
<textarea id="t" onpaste="test(event)" cols=60 rows=5></textarea>  
<div id="dd"></div>

原网站

版权声明
本文为[紫微前端]所创,转载请带上原文链接,感谢
https://liuhao.blog.csdn.net/article/details/125411506