页面核心代码:
1 <input id="efile" name="edata" type="file" class="input-common" accept="application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"> 2 3 <button class="btn-common btn-big" onclick="upload();">上传</button> 4 5 <script> 6 function upload(){ 7 var fileObj = document.getElementById("efile").files[0] 8 var formFile = new FormData(); 9 formFile.append("edata", fileObj); //加入文件对象 10 $.ajax({ 11 url:"reviceFile",//填写自己的PHP后端接收路径 12 type:"post", 13 data:formFile, 14 processData:false, 15 contentType:false, 16 success:function(data){ 17 alert("上传成功!!"); 18 }, 19 error:function(e){ 20 alert("错误!!"); 21 } 22 }); 23 } 24 </script>
PHP后端接收示例代码:
1 public function reviceFile(){ 2 $file=$_FILES['edata'];//要和前端formFile的名字对应--上面代码第9行 3 $filepath="upload/file/".$_FILES['edata']['name'];//这里可以自己改变文件路径和文件名字 4 move_uploaded_file($_FILES["edata"]["tmp_name"],$filepath);//从临时文件保存到硬盘 5 return $filepath; 6}
<很简单的例子>(完)