作者:国芝翰娥264 | 来源:互联网 | 2020-08-25 03:10
这次给大家带来H5实现拖拉上传文件,H5实现拖拉上传文件的注意事项有哪些,下面就是实战案例,一起来看一下。
在HTML5的pc上面实现了相当多的功能,工作中也用到了拖拉上传,特地记录下该功能
在拖动目标上触发事件 (源元素):
ondragstart - 用户开始拖动元素时触发
ondrag - 元素正在拖动时触发
ondragend - 用户完成元素拖动后触发
释放目标时触发的事件:
ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件
ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件
ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件
ondrop - 在一个拖动过程中,释放鼠标键时触发此事件
上代码
该功能是可以将图片拖拉到左右两个p中的方法,我觉得没啥用,可以当作哈啤
下面是拖拉上传代码,后端PHP获取到$_FILES之后就可以搞起来了
相信看了本文案例你已经掌握了方法,更多精彩请关注 第一PHP社区 其它相关文章!
推荐阅读:
H5如何使用约束验证API
postMessage实现跨域、跨窗口消息传递
以上就是H5实现拖拉上传文件的详细内容,更多请关注 第一PHP社区 其它相关文章!