首頁 > 教學 > PHP 教學

javascript - ajax上傳檔案後台使用$_files接受為空白

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
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);

    • 本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

    聯繫我們

    該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    Get Started for Free

    • Sales Support

      1 on 1 presale consultation

      Chat Contact Sales

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

      Open a Ticket

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

      Learn More