html5拖拽文件上传需阻止默认事件

news/2024/11/17 18:39:58/

至少阻止下列3个事件的默认行为才能实现文件拖拽上传

var b=document.getElementById('box')
b.ondragenter=(e)=>{e.preventDefault()console.log('======aaa',e.dataTransfer.files);
}
b.ondragover=(e)=>{e.preventDefault()console.log('======bb',e.dataTransfer.files);
}b.ondrop=(e)=>{e.preventDefault()console.log('======e',e.dataTransfer.files);
}

参考

文件上传方式之拖拽上传【渡一教育】_哔哩哔哩_bilibili


http://www.ppmy.cn/news/1055669.html

相关文章

PostgreSQL系统概述

目录 写在前面 1.简介 1.1何为关系型数据库 1.2何为对象型数据库 2.特性 3.代码结构 3.1数据库集簇 3.2Parser查询分析流程 3.3内部查询树组成部分 3.3.1目标列表 3.4Optimizer查询优化流程 3.4.1查询计划 3.5非计划查询的SQL命令 写在前面 如有错误请指正&#xf…

进行Stable Diffusion的ai训练怎么选择显卡?

Stable Diffusion主要用于从文本生成图像,是人工智能技术在内容创作行业中不断发展的应用。要在本地计算机上运行Stable Diffusion,您需要一个强大的 GPU 来满足其繁重的要求。强大的 GPU 可以让您更快地生成图像,而具有大量 VRAM 的更强大的…

UML 类图

1、概述 目录 1、概述 1.1、UML概念 1.2、类图的概念 2、类的表示方式 2.1、普通类 2.2、抽象类 2.3、接口 3、类与类关系的表示 3.1、关联关系(Association) 3.1.1、单向关联 3.1.2、双向关联 3.1.3、自关联 3.2、聚合关系(aggre…

VMware 17 Player下CentOS的安装与配置

本文详细记录VMware 17 Player的安装,以及其中Centos虚拟机的安装;内容包含下载、安装全过程;另外包含一些基本的应用测试阐述。 安装VMware VMware下载 点击即可下载:https://www.vmware.com/go/getplayer-win 官网里面找版本&…

solidity0.8.0的应用案例14:空投合约

空投是币圈中一种营销策略,项目方将代币免费发放给特定用户群体。为了拿到空投资格,用户通常需要完成一些简单的任务,如测试产品、分享新闻、介绍朋友等。项目方通过空投可以获得种子用户,而用户可以获得一笔财富,两全其美。 因为每次接收空投的用户很多,项目方不可能一…

“华为杯”研究生数学建模竞赛2016年-【华为杯】A题:多无人机协同任务规划

目录 摘 要: 一 问题重述 1.1.问题背景 1.2 需要解决的问题 二 模型假设

小白到运维工程师自学之路 第七十九集 (基于Jenkins自动打包并部署Tomcat环境)2

紧接上文 4、新建Maven项目 clean package -Dmaven.test.skiptrue 用于构建项目并跳过执行测试 拉到最后选择构建后操作 SSH server webExec command scp 192.168.77.18:/root/.jenkins/workspace/probe/psi-probe-web/target/probe.war /usr/local/tomcat/webapps/ /usr/loca…

uniapp 禁止遮罩层下的页面滚动

使用 touchmove.stop.prevent"toMoveHandle" 事件修饰符 若需要禁止蒙版下的页面滚动,可使用 touchmove.stop.prevent"moveHandle",moveHandle 可以用来处理 touchmove 的事件,也可以是一个空函数。将这个方法直接丢到弹…