html5异步上传文件
来源:互联网 发布:项目数据库设计 编辑:程序博客网 时间:2024/06/07 05:22
<!DOCTYPE HTML><html><head><style> #box{ width:150px;height:150px;border:1px dashed red; font-size:13px;line-height:150px;text-align:center; }</style><script> window.onload=function () { var box=document.getElementById("box"); box.ondragenter=function (e) { e.preventDefault() } box.ondragover=function (e) { box.innerHTML="请松开" e.preventDefault() } box.ondragleave=function (e) { box.innerHTML="请拖入上传的文件" e.preventDefault() } box.ondrop=function (e) { var file=e.dataTransfer.files[0];//获得上传文件信息 var formData=new FormData();//创建一个表单对象 formData.append("aa",file);//把上传文件数据放入表单对象中,给file取个name用于提交数据。 var xml=new XMLHttpRequest(); xml.open("post","up.php"); xml.send(formData);//ajax提交表单数据 e.preventDefault() } }</script></head><body> <div id="box"> 请拖入上传的文件 </div></body></html>
0 0
- HTML5 异步上传文件
- html5异步上传文件
- HTML5实现图片文件异步上传
- HTML5 文件异步上传 — h5uploader.js
- 利用html5-formdata实现文件异步上传
- ajax与html5实现异步文件上传
- HTML5实现图片文件异步上传
- html5 multiple多文件异步上传 服务器接收文件重复
- html5 异步上传
- HTML5 postMessage+iframe实现文件跨域异步上传
- 写一个基于HTML5的文件异步上传控件
- cjhupload一个简单异步文件上传插件(html5+js)
- HTML5 拖拽以及实现拖拽异步上传文件
- HTML5 jQuery+FormData 异步上传文件,带进度条
- HTML5新特点实现图片文件异步上传
- HTML5 jQuery+FormData 异步上传文件,带进度条
- ajax和HTML5异步文件上传之进度条
- HTML5 jQuery+FormData 异步上传文件,带进度条
- 用Python实现一个类Unix的tail命令
- 对于windows窗口编程的详细注解代码
- [leetcode] Dungeon game
- html5拖拽
- 动画学习 四
- html5异步上传文件
- CEF中Browser进程与Render进程间通信
- JavaSE017_数组之应用举例(利用二维数组实现五子棋功能完善——二人对战)
- Codeforces Round #329 (Div. 2) 593A 2Char
- Codeforces Round #329 (Div. 2) 593B - Anton and Lines
- 在 Windows 10 上安装 Arduino 开发环境
- 配置文件格式用哪个?目录+纯文本文件,XML,SQLite
- 树状数组
- 采购订单检查/保存BADI使用