input标签file类型,选择多个文件进行上传
来源:互联网 发布:现代诗的欣赏 知乎 编辑:程序博客网 时间:2024/05/21 06:19
html页面
<!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"><progress id="uploadprogress" min="0" max="100" value="0">0</progress><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.upload.onprogress = function (event) { if (event.lengthComputable) { var complete = (event.loaded / event.total * 100 | 0); var progress = document.getElementById('uploadprogress'); progress.value = progress.innerHTML = complete; }};//发送请求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处理页面
<?phpprint_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));}?>
5 0
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型,选择多个文件进行上传
- input标签file类型上传多个文件
- 对strpbrk函数的质疑
- jenkins邮件发送不了?
- Java的HashMap和HashTable
- 虚函数表
- AOP--Filter使用,过滤器和拦截器的区别
- input标签file类型,选择多个文件进行上传
- Cell特效之图片随着TableView的滑动上下移动
- 平面中用到的公式(点到平面的距离、平面上的最近点)
- MySQL安装规范
- 【弱校胡策】 DQS 的 tree|倍增LCA
- android 高德地图定位(地理位置) 笔记
- GPU 加速下的图像处理
- PKU ACM 1011 Sticks
- 二维码