집 >백엔드 개발 >PHP 튜토리얼 >javascript - ajax 업로드 파일 백그라운드는 $_files를 사용하여 비어 있음을 허용합니다.

javascript - ajax 업로드 파일 백그라운드는 $_files를 사용하여 비어 있음을 허용합니다.

不言원래의: 2018-05-16 09:49:002825검색

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==&#39;function&#39;)
   file=o;
   x=new XMLHttpRequest()
   x.open(&#39;POST&#39;,&#39;http://127.0.0.1/up.php?r=&#39;+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(&#39;选取文件出错！&#39;)

   var 
   imgfile=this.files[0]

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

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

백엔드 코드:

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

반환 데이터는 []

응답 내용:

javascript code :

<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==&#39;function&#39;)
   file=o;
   x=new XMLHttpRequest()
   x.open(&#39;POST&#39;,&#39;http://127.0.0.1/up.php?r=&#39;+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(&#39;选取文件出错！&#39;)

   var 
   imgfile=this.files[0]

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

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

백엔드 코드:

 <?php
  header(&#39;Access-Control-Allow-Origin:*&#39;);
  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가 컬을 사용하여 파일을 업로드하는 이유는 무엇이며 문장을 삭제한 후에는 실행할 수 없습니까?다음 기사：PHP가 컬을 사용하여 파일을 업로드하는 이유는 무엇이며 문장을 삭제한 후에는 실행할 수 없습니까?

javascript - ajax 업로드 파일 백그라운드는 $_files를 사용하여 비어 있음을 허용합니다.

관련 기사