js实现复制粘贴图片到输入框,
发布在javascript2016年3月10日view:6629
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

<script type="text/javascript"> document.querySelector('#box').addEventListener('paste', function(e) {

    //判断是否是粘贴图片
    if (e.clipboardData && e.clipboardData.items[0].type.indexOf('image') > -1)
    {
        var that     = this,
                reader   = new FileReader();
        file     = e.clipboardData.items[0].getAsFile();

        //ajax上传图片
        reader.onload = function(e){
            var a=this.result;
            var xhr = new XMLHttpRequest(),
                    fd  = new FormData();

            xhr.open('POST', '', true);
            xhr.onload = function ()
            {
                var img = new Image();
                img.src = xhr.responseText;

                // that.innerHTML = '<img src="'+img.src+'" alt=""/>';
                document.getElementById("img_puth").value = img.src;
            }

            // this.result得到图片的base64 (可以用作即时显示)
            fd.append('file', this.result);
            that.innerHTML = '<img src="'+this.result+'" alt=""/>';
            xhr.send(fd);
        }
        reader.readAsDataURL(file);
    }
}, false);

</script>enter code here

评论
发表评论
暂无评论
PUBLISHED IN

友情链接 大搜车前端团队博客
我的收藏