欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - ajax上传文件后台使用$_files接受为空

程序员文章站 2022-06-08 19:54:37
...
javascript代码:
<html><head><meta charset="UTF-8">
<style>
img{
   max-width:80%;
   display:block;
}
</style>
</head><body><input id="img" type="file">
<p id="text"></p>
<script>
var 
up=function(o,success,x,file){
   if(typeof success=='function')
   file=o;
   x=new XMLHttpRequest()
   x.open('POST','http://127.0.0.1/up.php?r='+Math.random(),1)

   x.onload=function(r){
       r=x.responseText
       if(success)//if r.pid and the twice parameter existing
           return success(r)
   }
   x.send(file)
}
</script>
<script>
img.onchange=function(){
   if(!this.files||!this.files[0])
       return alert('选取文件出错!')

   var 
   imgfile=this.files[0]

   if(imgfile.type.indexOf('image')!=0)
       return alert('这不是一个图像或音频!')
   
   up(imgfile,function(r){
       text.innerHTML=r

   })
}
</script>
</body>
</html>

后台代码:

<?php
  header('Access-Control-Allow-Origin:*');
  header("Content-Type:text/json;charset=utf-8");
  echo json_encode($_FILES); 
  ?>

返回数据为[]

回复内容:

javascript代码:

<html><head><meta charset="UTF-8">
<style>
img{
   max-width:80%;
   display:block;
}
</style>
</head><body><input id="img" type="file">
<p id="text"></p>
<script>
var 
up=function(o,success,x,file){
   if(typeof success=='function')
   file=o;
   x=new XMLHttpRequest()
   x.open('POST','http://127.0.0.1/up.php?r='+Math.random(),1)

   x.onload=function(r){
       r=x.responseText
       if(success)//if r.pid and the twice parameter existing
           return success(r)
   }
   x.send(file)
}
</script>
<script>
img.onchange=function(){
   if(!this.files||!this.files[0])
       return alert('选取文件出错!')

   var 
   imgfile=this.files[0]

   if(imgfile.type.indexOf('image')!=0)
       return alert('这不是一个图像或音频!')
   
   up(imgfile,function(r){
       text.innerHTML=r

   })
}
</script>
</body>
</html>

后台代码:

 <?php
  header('Access-Control-Allow-Origin:*');
  header("Content-Type:text/json;charset=utf-8");
  echo json_encode($_FILES); 
  ?>

返回数据为[]

异步上传文件,应使用FormData。例如:

var oMyForm = new FormData();
oMyForm.append("file", file);
x.send(oMyForm);
相关标签: php javascript