javascript-ajax上传文件后台使用$_files接受为空
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-ajax上传文件后台使用$_files接受为空，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1823字，纯文字阅读大概需要3分钟。
内容图文
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);
内容总结
以上是互联网集市为您收集整理的javascript-ajax上传文件后台使用$_files接受为空全部内容，希望文章能够帮你解决javascript-ajax上传文件后台使用$_files接受为空所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】