程序博客网 > 手机淘宝新用户注册

input标签file类型，选择多个文件进行上传

来源：互联网 发布：手机淘宝新用户注册 编辑：程序博客网 时间：2024/05/21 09:37

html页面

[html] view plain copy 在CODE上查看代码片派生到我的代码片
  1. <!DOCTYPE html>  
  2. <html>  
  3.     <head>  
  4.         <meta charset="UTF-8"/>  
  5.         <title>xhr2</title>  
  6.     </head>  
  7.     <body>      
  8.         <div style="text-align:center;margin:100px">        
  9.             <input type="file" id="file" name="file" multiple="multiple">  
  10.             <button onclick="xhr2()">多文件上传</button>  
  11.         </div>          
  12.         <script>  
  13.         function xhr2(){  
  14.             var xhr = new XMLHttpRequest();//第一步  
  15.             //定义表单变量  
  16.             var file = document.getElementById('file').files;  
  17.             //console.log(file.length);  
  18.             //新建一个FormData对象  
  19.             var formData = new FormData(); //++++++++++  
  20.             //追加文件数据  
  21.             for(i=0;i<file.length;i++){    
  22.                  formData.append("file["+i+"]", file[i]); //++++++++++  
  23.             }   
  24.             //formData.append("file", file[0]); //++++++++++  
  25.               
  26.             //post方式  
  27.             xhr.open('POST', 'xhr2.php'); //第二步骤  
  28.             //发送请求  
  29.             xhr.send(formData);  //第三步骤  
  30.             //ajax返回  
  31.             xhr.onreadystatechange = function(){ //第四步  
  32.         　　　　if ( xhr.readyState == 4 && xhr.status == 200 ) {  
  33.         　　　　　　console.log( xhr.responseText );  
  34.         　　　　}  
  35.         　　};  
  36.             //设置超时时间  
  37.             xhr.timeout = 100000;  
  38.             xhr.ontimeout = function(event){  
  39.         　　　　alert('请求超时！');  
  40.         　　}   
  41.         }  
  42.         </script>  
  43.     </body>  
  44. </html>  

php处理页面
[php] view plain copy 在CODE上查看代码片派生到我的代码片
  1. <?php  
  2. print_r($_FILES["file"]);  
  3.   
  4. for($i=0;$i<count($_FILES["file"]['name']);$i++){  
  5. $name=$_FILES["file"]["name"][$i];  
  6. move_uploaded_file($_FILES["file"]["tmp_name"][$i],iconv("UTF-8","gb2312",$name));  
  7. }  
  8.   
  9. ?>  

0 0
手机淘宝新用户注册 手机淘宝新用户注册
原创粉丝点击
热门IT博客
《读圣经》软件《读圣经》软件
js设置button文字js设置button文字
集散流程方案设计优化
北京淘宝摄影工作室
帝国时代3mac版下载
淘宝网皮羽绒服女款
会员数据分析公司
软件的权威定义
淘宝卖家不说话怎么办
ip地址与域名的关系
九连拍有什么软件
星光网络摄像机
线条随鼠标特效源码
快递单号记录软件
三毛的梦里花落知多少
设计队徽用什么软件
explain sql
二次规划最优化
英雄无敌7mac
mac安装windows虚拟机
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 奥拓经销商 奥拓豪华型 九手奥拓 野马奥拓 雨燕奥拓 奥拓快乐王子新车 黑色奥拓 奥拓一年保险多少钱 铃木奥拓lapin 旧款奥拓汽车报价 奥拓和乐驰哪个好 奥拓价格表 铃木奥拓专卖店 玛驰与奥拓 铃木奥拓是哪里产的 奥拓什么牌子 奥拓汽车改装 奥拓质量如何 十年奥拓 奥拓多少钱一公里 奥拓电子股份 铃木奥拓2013款 铃木奥拓1.0 奥拓自动变速箱 夏利和奥拓哪个好 奥拓轮胎价格 铃木奥拓轮胎多少钱 奥拓是哪里生产的 2008年奥拓多少钱 奥拓 保养 奥拓蓄电池 铃木奥拓改装 汽车铃木奥拓 铃木奥拓2012款 奥拓 大保养 奥拓 首付 奥拓车险多少钱 奥拓 雨刮 奥拓汽车怎样 奔奔mini 奥拓 迷你奥拓

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里