HTML 文件上传未将文件发送到 $_FILES

Question

我有一个 html 表单，当用户选择一个文件并提交它时，php 文档中的 $_FILES 没有收到它。主要焦点是表单，当我点击提交时，没有文件被提交，但 onclick 事件会触发。并且没有错误信息

    <form id="artist_post" enctype="multipart/form-data" method="post" onsubmit="return " action="php_parsers/newsfeed_system.php">
<textarea id="statustext" onkeyup="statusMax(this,250)"></textarea>
<input type="hidden" name="MAX_FILE_SIZE" value="30000" />
<input id="audioUpload" type="file" name="audioUpload" accept="audio/*" />
<input type="submit" value="Post" id="statusBtn" onclick="postToStatus('status_post','a','statustext')"/>
</form>

这是 php 文档，我只是想看看文件是否正在上传

    if (isset($_FILES["audioUpload"]["name"])) {
        echo "flag1";
    }
    if ($_FILES["audioUpload"]["tmp_name"] != "") {
        echo "flag2";
    }

javascript从表单中获取信息并通过ajax发送给php。

function postToStatus(action,type,ta){
var data = _(ta).value;
if(data == ""){
    alert("Type something first");
    return false;
}

// Checks to see if user uploaded a file to send with post 
if(_("audioUpload").value != "") { 
    type = "c";
}   

_("statusBtn").disabled = true;
var ajax = ajaxObj("POST", "php_parsers/newsfeed_system.php");
ajax.onreadystatechange = function() {
    if(ajaxReturn(ajax) == true) {
        //Pull some info from whatever the php doc returns
    }
}

ajax.send("action="+action+"&type="+type+"&data="+data);
}
function ajaxObj(meth, url) {
var x = new XMLHttpRequest();  // create new http request 
x.open( meth, url, true );  // open request and pass it a method and a url to post it to 
x.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
return x;
}
// Modular function that externalizes readyState and status check
function ajaxReturn(x) {
if(x.readyState == 4 && x.status == 200) {
    return true;
    }
}

Answer 1

您的<form action="..."> 需要删除。您正在使用 AJAX，因此一起绕过了表单操作序列。我已经在我的服务器上创建了这个副本，并且没有那个副本。

我建议不时将其放入 JSFiddle 并点击顶部的“Tidy”按钮。否则，到目前为止，代码做得很好。

如果您想查看我的复制副本：click here