复制图片到粘贴板

最新推荐文章于 2024-10-12 13:26:10 发布

置顶 qq_30366755

最新推荐文章于 2024-10-12 13:26:10 发布

阅读量477

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_30366755/article/details/86292643

前端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种在网页中实现图片复制功能的方法，通过JavaScript函数copyImg()和getImg()，用户可以将指定的图片复制到剪贴板，增强用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
<button type="button" onclick="copyImg()">复制图片</button>
</body>
<script>
    function copyImg(){
        let result=this.getImg();
        console.log(result)
        function handle(e) {
            e.clipboardData.setData('text/html', result);
            alert('复制成功');
            e.preventDefault();
        }
    }
    function getImg() {
        var list=new Array()
        list[0]='http://img.zcool.cn/community/01ca2857e4ea7b0000012e7eb2e752.jpg@900w_1l_2o_100sh.jpg';
        var content = '';
        content += '<span style="display: block">';
        list.forEach(function (v) {
            content += '<img src="' +  v + '">';
        })
        content += '</span>';
        return content;
    }
</script>