原生js 实现拖拽上传 简单地demo例子 |
您所在的位置:网站首页 › js实现拖拽div的弹出框是什么 › 原生js 实现拖拽上传 简单地demo例子 |
其实 还是 主要是用的 drag 拖拽的 几个 事件回调函数 请拖拽此处上传文件js部分 为啥 每个都加上了 preventDefalt 不阻止默认行为的话 当你移动文件到浏览器中 被默认被打开的 var div = document.querySelector('div'); div.addEventListener("dragenter",function(e){ //拖进 e.preventDefault(); }) div.addEventListener("dragover",function(e){ //拖来拖去 e.preventDefault(); }) div.addEventListener('drop', function(event) { event.preventDefault(); // 将类数组对象 转换成数组 // var fileList = Array.from(event.dataTransfer.files); // es6 格式 var fileList = [].slice.call(event.dataTransfer.files); // es5 格式 console.log(fileList) })其实 当你获取到 文件数据的时候 其实 已经差不多完成了 剩下的就是把 文件数据 存放到一个变量中 然后 传入到接口中 暂时先这样哈 后续有新东西 持续更新
|
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |