images - javascript 如何copy base64图片数据到剪切板?
天蓬老师
天蓬老师 2017-04-10 16:37:17
[JavaScript讨论组]

如下代码,可以做到复制img tag到剪切板,但要paste到不支持html标记的地方就无效了:

document.addEventListener('copy', function(e) {
    var type = "image/" + (localStorage.screenshotFormat || 'png');
    e.clipboardData.setData('text/html', '<img src="' + ps.imgData + '" />');
    e.preventDefault();
});

怎样使能够支持setData('text/png', ps.imgData)呢?

imgData是通过canvas生成的base64 string.

不用Flash

使用selectRegion + document.exeCommand的方法也测试过,无效. 这种方式,text可以,image无效.

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(2)
迷茫

直接copy是不行的。没有那么大的权限。或者有一种借助flash的办法。现在FF默认都禁用了flash的。因此不太靠谱
推荐一个库给你吧:clipboard.js
不使用flash的轻量级库

迷茫

base64不也是字符串形式?为啥用document.execCommand('copy')不行?

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号