無法將其轉換為content-type：application / json

Question

let formData2 = new FormData();
                    formData2.append('_token', vm.response._token);
                    formData2.append('file', vm.response.content[i].path);
                    formData2.append('type', vm.response.content[i].type);

                        // this part is progress bar

                            var xhr = new XMLHttpRequest();
                            xhr.open("POST", "page/file/create/upload", true);
                            if (xhr.upload) {
                                xhr.upload.onprogress = function (e) {
                                    if (e.lengthComputable) {
                                        progressBar.max = e.total;
                                        progressBar.value = e.loaded;
                                        display.innerText = Math.floor((e.loaded / e.total) * 100) + '%';
                                    }
                                }
                                xhr.upload.onloadstart = function (e) {
                                    progressBar.value = 0;
                                    display.innerText = '0%';
                                }
                                xhr.upload.onloadend = function (e) {
                                    progressBar.value = e.loaded;
                                }
                            }
                            xhr.send(formData2);

在按f12鍵后，我在網絡標簽中看到在響應標題中我的內容類型為text / html。 我認為這是出現500錯誤的主要原因。 因為在ajax中需要JSON。 我正在與laravel和我的控制器得到NULL。 所以我怎么能把它轉換成json？

Answer 1

let formData2 = new FormData();
                    formData2.append('file', vm.response.content[i].path);
                    // this part is progress bar

                    var xhr = new XMLHttpRequest();
                    xhr.open("POST", "page/file/create/upload", true);
                    xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
                    xhr.setRequestHeader('X-CSRF-TOKEN', vm.response._token);

                    if (xhr.upload) {
                        xhr.upload.onprogress = function (e) {
                            if (e.lengthComputable) {
                                progressBar.max = e.total;
                                progressBar.value = e.loaded;
                                display.innerText = Math.floor((e.loaded / e.total) * 100) + '%';
                            }
                        }
                        xhr.upload.onloadstart = function (e) {
                            progressBar.value = 0;
                            display.innerText = '0%';
                        }
                        xhr.upload.onloadend = function (e) {
                            progressBar.value = e.loaded;
                        }
                    }
                    xhr.send(formData2);

@ksoni仍然會收到500個錯誤代碼。 並且內容標題仍然是text / html。 我對formData2（圖像或任何文件）犯了什么錯誤。 程序是什么。 你能解釋一下嗎？