使用 AJAX 和 XMLHttpRequest 上传文件 - 将文件发送到 php 文件-解网

问：

<!DOCTYPE html>
<html>
<body>
<br><br>
<p>
  <input type="file" id="file_to_upload">
  <button onclick="upload()">Upload</button>
</p>
 
<p id="answer"></p>

<script>

    function upload(){
        var fd = new FormData();
        var files = [];
        files[0] = document.getElementById('file_to_upload').files[0];

        if (files[0].length!=0){
            fd.append('file',files[0]);

            var xmlhttp=new XMLHttpRequest();
            xmlhttp.onreadystatechange=function() {
                if (this.readyState==4 && this.status==200) {
                    document.getElementById("answer").innerHTML=this.responseText;
                }
            }
            xmlhttp.open("POST","upload.php");
            xmlhttp.setRequestHeader("Content-type", "multipart/form-data");
            xmlhttp.send(fd);
        }  
    
    }

</script>

</body>
</html>

从空文件上传.php中，我收到消息：

警告：第 0 行未知的 multipart/form-data POST 数据中缺少边界

有人可以告诉我我的代码有什么问题吗？我只使用 jquery 找到了 exapmles，但我不想使用它。

ajax 文件上传 xmlhttprequest

使用 AJAX 和 XMLHttpRequest 上传文件 - 将文件发送到 php 文件

File upload with AJAX and XMLHttpRequest - sending a file to php file

评论