本文介绍了如何使用JavaScript实现类似Word的剪切板效果，允许用户复制和粘贴图片。通过监听textarea的粘贴事件，获取clipboard中的图片数据，然后通过AJAX上传到服务器并显示在页面上。示例代码中展示了如何处理粘贴事件，获取图片文件，创建FormData对象并发送POST请求。上传成功后，图片会被插入到页面中。
使用js来实现类似word剪切板的效果，即复制黏贴图片，而js也正好提供了这种可能，那就是textarea的事件驱动，监视textarea的黏贴事件，一旦出现黏贴就将获得的图片上传到服务器，在从服务器中拿出显示到页面上，获得图片数据的方法也可以用js中提供的clipboard的方式获取，下面是个例子，
通过clipboard获取后打上断点，查看剪贴板上的数据可以发现在items下的数据为kind为file，type为“image/png”
那么方法就确定了，当KInd为file且type中包含image字样就将该数据上传，上传方法采用ajax即可，写在事件中，通过getasfile函数获得图片数据，并写入到表单中，通过ajax上传即可，具体过程如下：
document.getElementsByTagName("textarea")[0].addEventListener('paste', function(e) {
var clipboard = e.clipboardData;
for(var i=0,len=clipboard.items.length; i<len; i++) {
if(clipboard.items[i].kind == '
最低0.47元/天 解锁文章
扫一扫
1581
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
