阅读：31

引入jquery

首先需要一个文本款 

<textarea name="web" cols="25" rows="10" id="web"   style="width:98%;"></textarea>

<textarea name="code" cols="25" rows="10" id="code"   style="display:none;width:98%;"></textarea>

js代码

$(document).ready(function() {

    $('#web').on('paste', function(e) {

        // 获取剪贴板中的数据

        var clipboardData = e.originalEvent.clipboardData;

        var items = clipboardData.items;

        // 遍历剪贴板数据项

        for (var i = 0; i < items.length; i++) {

            if (items[i].type.indexOf('image') !== -1) {

                var file = items[i].getAsFile(); // 获取文件

                var reader = new FileReader();

// 读取文件

reader.onload = function(e) {

// 将图片显示在容器

$("#code").val(e.target.result);

$('.wenbens').append('<img style="position: absolute; top: 0px; left: 0px;" src="' + e.target.result + '" style="max-width:100%; max-height:100%;">');

}

// 读取文件内容为 Data URL

reader.readAsDataURL(file); 

                   // uploadImage(blob); // 调用上传函数

            }

        } 

    });

});

上一篇：tomcat 9 中文 html页面乱码 下一篇：js把金额转为大写金额