超级简单的利用javascript实现文件拖拽事件
2024-10-19 17:32:35
1.效果图:
2.源码
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<style type="text/css">
#div1 {
width: 350px;
height: 70px;
padding: 10px;
border: 1px solid #aaaaaa;
text-align: center;
}
</style>
<script type="text/javascript">
function allowDrop(ev) {
ev.preventDefault();
} function drop(ev) {
ev.preventDefault();
console.log(ev.dataTransfer.files);
}
</script>
</head>
<body> <div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)">将文件拖放到此处</div> </body>
</html>
最新文章
- Swift的关键字
- mysql分表的三种方法
- Laravel之Service Container服务容器
- Delphi 200X、XE中如何用并行实现循环的计算
- n人比赛,可轮空,比赛轮数和场数
- ASP.Net string 类的扩展方法 [转]
- Windows下安装Apache2.4+PHP5.4+Mysql5.7
- C++类实现最大数的输出
- [JSOI2007]文本生成器
- DevOps之三 Git的安装与配置
- Lambda表达式与函数式接口
- SSH之Hibernate总结篇
- 【Java每日一题】20170117
- java io系列09之 FileDescriptor总结
- ORA-10858:在要求输入数字处找到非数字字符
- valueError: This solver needs samples of at least 2 classes in the data, but the data contains only one class: 0
- PAT 1051 复数乘法(15 )(代码+思路)
- 服务器安全策略之《通过IP安全策略阻止某个IP访问的设置方法》
- assets raw 资源 AssetManager
- ASP.Net之一般处理程序
热门文章
- kerberos认证原理---讲的非常细致,易懂
- PAT_A1113#Integer Set Partition
- 【剑指Offer】19、顺时针打印矩阵
- bit ( 比特 )和 Byte(字节)的关系
- Centos 7.x 源码编译搭建Nginx
- Git 基础教程 之 暂存区
- mongodb--find基础用法
- 进入全屏 nodejs+express+mysql实现restful风格的增删改查示例
- boost中的有用工具assign和uuid
- [Angular] Freshness Caching Policy - Network First, Cache Last