使用jquery上傳文件：POST 500（內部服務器錯誤）

Question

我正在嘗試使用jQuery和POST方法將圖像和一些輸入上傳到服務器。 我嘗試了這段代碼，但它使我出錯：POST 500（內部服務器錯誤）。 有人可以幫我弄清楚代碼有什么問題嗎？ 感謝您的幫助。

 <!DOCTYPE html> <html> <head> <title>Image Upload Form</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> function submitForm() { console.log("submit event"); var fd = new FormData(document.getElementById("fileinfo")); fd.append("label", "WEBUPLOAD"); $.ajax({ url: "http://URL?api_token=fb24085da58dad6decb9271fb170ef2ed8c80617", type: "POST", data: fd, processData: false, // tell jQuery not to process the data contentType: false // tell jQuery not to set contentType }).done(function( data ) { console.log("PHP Output:"); console.log( data ); }); return false; } </script> </head> <body> <form method="post" id="fileinfo" name="fileinfo" onsubmit="return submitForm();"> <label>Select a file:</label><br> <input type="file" name="file" required /> <input type="text" name="text" required /> <input type="submit" value="Upload" /> </form> <div id="output"></div> </body> </html>

與該飼料我有這個輸出：

調試在此部分停止時，似乎是客戶端發出了問題，因為在servur中需要映像，該映像不必為null，因此這是他引發錯誤的原因。 ：

Answer 1

您需要將enctype="multipart/form-data"屬性分配給您的html表單。

Answer 2

這個正確的代碼，只需要更改服務器的URL。 多虧了user1080381，他在評論中給了我解決方案。

 <!DOCTYPE html> <html> <head> <title>Image Upload Form</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> function submitForm() { console.log("submit event"); var fd = new FormData(document.getElementById("fileinfo")); console.log(fd); //fd.append("label", "WEBUPLOAD"); console.log(fd); $.ajax({ url: "http://TypeYourURL?api_token=fb24085da58dad6decb9271fb170ef2ed8c80617", type: "POST", data: fd, processData: false, // tell jQuery not to process the data contentType: false // tell jQuery not to set contentType }).done(function( data ) { console.log("PHP Output:"); console.log( data ); }); return false; } </script> </head> <body> <form method="post" id="fileinfo" name="fileinfo" onsubmit="return submitForm();" enctype="multipart/form-data"> <label>Select a file:</label><br> <input type="file" name="img" required /> <input type="text" name="name" required /> <input type="submit" value="Upload" /> </form> <div id="output"></div> </body> </html>

使用jquery上傳文件：POST 500（內部服務器錯誤）

問題描述

2 個解決方案

解決方案1
2 已采納 2016-12-02 13:58:10

解決方案2
2 2016-12-02 18:27:06

使用jquery上傳文件：POST 500（內部服務器錯誤）

問題描述

2 個解決方案

解決方案1 2 已采納 2016-12-02 13:58:10

解決方案2 2 2016-12-02 18:27:06

解決方案1
2 已采納 2016-12-02 13:58:10

解決方案2
2 2016-12-02 18:27:06