复制粘贴上传

弓弧名家_玄真君

已于 2023-04-24 17:05:44 修改

阅读量33

点赞数

分类专栏： javascript 文章标签： javascript

于 2019-09-03 20:40:28 首次发布

本文链接：https://blog.csdn.net/txl910514/article/details/100527189

版权

javascript 专栏收录该内容

92 篇文章 0 订阅

订阅专栏

    document.addEventListener('paste', function(event) {
        if(event.clipboardData || event.originalEvent) {
            var clipboardData = (event.clipboardData || event.originalEvent.clipboardData);
            if(clipboardData.items) {
                var blob;
                for(var i = 0; i < clipboardData.items.length; i++) {
                    if(clipboardData.items[i].type.indexOf("image") !== -1) { //判断粘贴图片
                        blob = clipboardData.items[i].getAsFile();
                    }
                    if(clipboardData.items[i].type.indexOf("text") !== -1) { //判断粘贴文字
                        blob = false;
                    }
                }
                if(blob != false) { //如果是图片则粘贴图片
                    var render = new FileReader();
                    render.onload = function(evt) { //获取图片base64数据
                        //输出base64编码
                        pasteGoodCommitCurrent.find("i").hide();
                        if(pasteGoodCommitCurrent.find("img").length == 0) {
                            pasteGoodCommitCurrent.find(".inner-box").append('<img src="' + evt.target.result + '" width="58" alt="" class="tb-img-area" style="margin-top: 0;" />');
                            pasteGoodCommitCurrent.find('.inner-box img').addClass("show");
                            pasteGoodCommitCurrent.find(".big-box").html("").append('<img src="' + evt.target.result + '" />');
                        } else {
                            pasteGoodCommitCurrent.find(".tb-img-area").attr('src', evt.target.result).addClass("show");
                            pasteGoodCommitCurrent.find(".big-box").html("").append('<img src="' + evt.target.result + '" />');
                        }
                        uploadNewS3Fun(dataURLtoFile(evt.target.result, creatRandomNum(20) + new Date().getTime()), pasteGoodCommitCurrent);
                    };
                    render.readAsDataURL(blob);
                }
            }
        }
    });