web粘贴文件预览
2018-04-18 本文已影响0人
一觉二三梦
1、监听浏览器ctrl+v事件,处理逻辑放在监听回调函数内部
2、通过回调函数中参数,获取clipboardData对象
3、获取clipboardData.item,判断item.kind类型
4、创建FileReader对象、获取item中blob对象
5、利用FileReader读取blob内容
6、监听FileReader的onload事件,回调函数中创建img,并展示内容
代码如下:
![](https://img.haomeiwen.com/i5893635/4f6ad771fc9ad2e9.png)
1、监听浏览器ctrl+v事件,处理逻辑放在监听回调函数内部
2、通过回调函数中参数,获取clipboardData对象
3、获取clipboardData.item,判断item.kind类型
4、创建FileReader对象、获取item中blob对象
5、利用FileReader读取blob内容
6、监听FileReader的onload事件,回调函数中创建img,并展示内容
代码如下: