javascript - 粘贴一段带有图片和文字的内容,如何使用js实现获取图片并上传到服务器?
扔个三星炸死你
扔个三星炸死你 2017-06-24 09:43:22
0
1
1303

需要粘贴一段带有文字和图片的内容,但是需要将图片单独上传服务器,如何将图片从粘帖内容里面帅选出来。。

扔个三星炸死你
扔个三星炸死你

全部回复(1)
小葫芦

大概思路:

  1. 监听onpaste事件

  2. 通过事件回调中的event参数,获取剪贴板数据event.clipboardData(不是所有的浏览器都支持)

    // '/image/.test(event.clipboardData.types)' // 检查是否为图片
    
    // 获取图片二进制数据(似乎浏览器的实现都会有大小差异)
    Array.each(event.clipboardData.items, function(item){
    if (/image/.test(item.type)) {
    var blob = item.getAsFile();
    var URL = window.URL || window.webkitURL;
    var source = URL.createObjectURL(blob);
    console.log(source) 
    }
    });
  3. 通过Ajax将数据发送到后端服务器,后端将图片存储起来后,返回一个图片可访问地址

  4. 访问这个地址就可以看到图片了

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板