UDN-企业互联网技术人气社区

板块导航

浏览  : 3187
回复  : 0

[Web] chrome 从剪贴板中读取图片并显示

[复制链接]
蜡笔小新的头像 楼主
发表于 2014-7-26 17:30:54 | 显示全部楼层 |阅读模式
本帖最后由 蜡笔小新 于 2014-7-26 17:32 编辑
  1. <script type="text/javascript">
  2. function paste(e){
  3.     //for chrome
  4.     var clipboardData = e.clipboardData;
  5.     for(var i=0; i<clipboardData.items.length; i++){
  6.         var item = clipboardData.items[i];
  7.         if(item.kind=='file'&&item.type.match(/^image\//i)){
  8.             //blob就是剪贴板中的二进制图片数据
  9.             var blob = item.getAsFile(),reader = new FileReader();
  10.             //定义fileReader读取完数据后的回调
  11.             reader.onload=function(){
  12.                 var sHtml='<img src="'+event.target.result+'">';//result应该是base64编码后的图片
  13.                 document.getElementById('dd').innerHTML += sHtml;
  14.             }
  15.             reader.readAsDataURL(blob);//用fileReader读取二进制图片,完成后会调用上面定义的回调函数
  16.         }
  17.     }
  18. }
  19. </script>
  20. <textarea id="t" onpaste="paste(event)" cols=60 rows=5></textarea>
  21. <div id="dd"></div>
复制代码


相关帖子

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部