基于Vue3的全屏拖拽上传组件
本文主要介绍了基于Vue3的全屏拖拽上传组件,分享给大家,具体如下:
知识点
浏览器拖拽 api
fetch 请求
vue3
说来话长,长话短说,关于 html5 的拖拽 api 也只是做过一些拖拽排序的例子.其实思路上与其他拖拽上传组件基本一样,都是指定一个区域可拖拽,然后读取文件在上传
先说说拖拽 api,这个是 html5 新增的一个 api,给一个元素设置 draggable = true 属性时,该元素就会支持拖拽
拖拽元素事件如下
1. ondrag 当拖动元素的时候运行脚本
2. ondragstart