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

Question

我正在开发一个文件上传器，当输入框改变时上传图片，我的HTML表单代码如下：

<form method="post" enctype="multipart/form-data">
     <input name="uploaded[]" type="file" id="file_upload"/>
</form>

我的JavaScript和Ajax：

        document.getElementById("file_upload").onchange = function() {
            var id = document.getElementById("user_id").innerHTML;
            var file = document.getElementById("file_upload").files[0];
            alert(file.size);
            var formdata = new FormData();
            formdata.append("filer",file,true);
            var ajax = new XMLHttpRequest();
            ajax.onreadystatechange =
            function(){
                if(ajax.readyState==4 && ajax.status==200){
                    document.getElementById("one").remove();
                    var img = document.createElement('img');
                    var first_path = '/user_image/';
                    var path = first_path.concat(id,'.png');
                    img.setAttribute('alt','User image');
                    img.setAttribute('id','one');                        
                    img.setAttribute('src',path);
                    document.getElementById("user").appendChild(img);  
                    alert("end");
                }    
                else{
                    document.getElementById("one").remove();
                    var img = document.createElement('img');
                    img.setAttribute('src','/img/loading.gif');
                    img.setAttribute('alt','User image');
                    img.setAttribute('id','one');
                    document.getElementById("user").appendChild(img);                        
                }
            }               
            ajax.open("POST","upload_image.php");
            ajax.setRequestHeader("Content-Type", "multipart/form-data");
            ajax.send(formdata);
        };

我的PHP代码很简单，只是为了测试是否一切正常。

require("../includes/config.php"); //config folder to start the session
if($_SERVER["REQUEST_METHOD"]=="POST"){
       echo '<pre>',print_r($_FILES),'</pre>'; //dumping some variable and arrays to see where the problem is 
}

我从服务器得到的请求是：Warning: Missing boundary in multipart/form-data POST data in Unknown on line 0。但是我已经发送了表单数据和请求头，并打开了文件。

- Maroxtn

Answer 1

你只需要删除以下这行代码：

ajax.setRequestHeader("Content-Type", "multipart/form-data");

- Hit-or-miss

Answer 2

不要将数据以 multipart/form-data 的形式发送：

ajax.setRequestHeader("Content-Type", "multipart/form-data");

你应该将它发送为 application/json:

ajax.setRequestHeader("Content-Type", "application/json");

- Jeffrey Roosendaal

---

如果您需要上传一个utf-8文件名，应该怎么办？ - gtzinos