javascript - ajax上傳檔案後台使用$_files接受為空
- 不言原創
- 2018-05-16 09:49:002769瀏覽
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>後台FormData。例如：
<?php
header('Access-Control-Allow-Origin:*');
header("Content-Type:text/json;charset=utf-8");
echo json_encode($_FILES);
?>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn