多文件上传
2016-07-15 16:44
127 查看
[html] view plain copy 在CODE上查看代码片派生到我的代码片 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>xhr2</title> </head> <body> <div style="text-align:center;margin:100px"> <input type="file" id="file" name="file" multiple="multiple"> <button onclick="xhr2()">多文件上传</button> </div> <script> function xhr2(){ var xhr = new XMLHttpRequest();//第一步 //定义表单变量 var file = document.getElementById('file').files; //console.log(file.length); //新建一个FormData对象 var formData = new FormData(); //++++++++++ //追加文件数据 for(i=0;i<file.length;i++){ formData.append("file["+i+"]", file[i]); //++++++++++ } //formData.append("file", file[0]); //++++++++++ //post方式 xhr.open('POST', 'xhr2.php'); //第二步骤 //发送请求 xhr.send(formData); //第三步骤 //ajax返回 xhr.onreadystatechange = function(){ //第四步 if ( xhr.readyState == 4 && xhr.status == 200 ) { console.log( xhr.responseText ); } }; //设置超时时间 xhr.timeout = 100000; xhr.ontimeout = function(event){ alert('请求超时!'); } } </script> </body> </html>
php处理页面
<?php
print_r($_FILES["file"]);
for($i=0;$i<count($_FILES["file"]['name']);$i++){
$name=$_FILES["file"]["name"][$i];
move_uploaded_file($_FILES["file"]["tmp_name"][$i],iconv("UTF-8","gb2312",$name));
}
?>
相关文章推荐
- CocoaPods安装和使用
- 图片开源框架之Picasso
- ---Jsp(二)隐含对象和四个域对象
- redis执行Lua脚本
- find查找命令的各种使用方法
- Modern 阅读笔记 一 PSR标准
- JAVA-SpringMVC基于注解模式第一个应用
- <LeetCode> 题8:旋转字符串
- 开启博客之路
- thinkphp学习_第二天
- HDU 2102 A计划(深搜)
- 单点quartz
- CSS布局
- [UnityShader3]彩光效果
- android 屏幕适配总结
- POJ 3080 Blue Jeans
- 洛谷 P2661 信息传递
- UBUNTU12.04 Redis 安装命令指南
- 应用程序获取Mybatis中配置的执行SQL
- CSDN没有仅自己可见功能