input标签file类型,选择多个文件进行上传
2016-07-15 16:56
225 查看
html页面
php处理页面
<!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)); } ?>
相关文章推荐
- pandas module 1 - 0.简介
- ICCV研讨会:实时SLAM的未来以及深度学习与SLAM的比较
- ICCV研讨会:实时SLAM的未来以及深度学习与SLAM的比较
- 2016夏季练习——三分
- synchronized (syncObj)
- 广告点击率预测-项目介绍
- 第二篇博客,看来以后要每天一篇的样子呢!
- POJ 2796 Feel Good(并查集)
- Java多线程用法
- 二叉查找树、B-树、B+树、B*树
- uwsgi安装过程中遇到的问题
- oracle database link使用说明
- 利用GPU加速的软件
- 关于正则表达式
- Observer观察者模式
- 快捷的办法找到并删除 Xcode 工程中没用到的图片
- android加载网络图片,并下载
- java string类型转换boolean类型
- eclipse 创建maven项目设置默认jdk版本
- ubuntu 下安装lua语言