Mixing
AJAX error: “No multipart boundary param in Content-Type”
I am trying to upload a file from localhost to a server but I am getting the following error in my network console, with status code 500:
no multipart boundary param in Content-Type
I have enabled cors on my nginx reverse proxy. My AJAX request is like this:
var files = document.getElementById('candidatePhoto').files;
if (!files.length) {
return alert('Please choose a file to upload first.');
}
var file = files[0];
var form = new FormData();
form.append("files", file);
var settings = {
"async": true,
"crossDomain": true,
"url": "http://example.com",
"method": "POST",
"headers": {
"Content-Type": "multipart/form-data"
},
"processData": false,
"contentType": false,
"data": form,
success: function(data) {
console.log("Success", data);
addPhoto(data);
},
error: function(err) {
console.log("Error", err);
alert("Error: " + err);
}
}
My HTML form also has enctype='multipart/form-data'
javascript jquery ajax
edited Nov 22 '18 at 8:08
Rory McCrossan
246k29213252
asked Nov 22 '18 at 7:54
NithinNithin
325112
add a comment |
I am trying to upload a file from localhost to a server but I am getting the following error in my network console, with status code 500:
no multipart boundary param in Content-Type
I have enabled cors on my nginx reverse proxy. My AJAX request is like this:
var files = document.getElementById('candidatePhoto').files;
if (!files.length) {
return alert('Please choose a file to upload first.');
}
var file = files[0];
var form = new FormData();
form.append("files", file);
var settings = {
"async": true,
"crossDomain": true,
"url": "http://example.com",
"method": "POST",
"headers": {
"Content-Type": "multipart/form-data"
},
"processData": false,
"contentType": false,
"data": form,
success: function(data) {
console.log("Success", data);
addPhoto(data);
},
error: function(err) {
console.log("Error", err);
alert("Error: " + err);
}
}
My HTML form also has enctype='multipart/form-data'
javascript jquery ajax
edited Nov 22 '18 at 8:08
Rory McCrossan
246k29213252
asked Nov 22 '18 at 7:54
NithinNithin
325112
add a comment |
I am trying to upload a file from localhost to a server but I am getting the following error in my network console, with status code 500:
no multipart boundary param in Content-Type
I have enabled cors on my nginx reverse proxy. My AJAX request is like this:
var files = document.getElementById('candidatePhoto').files;
if (!files.length) {
return alert('Please choose a file to upload first.');
}
var file = files[0];
var form = new FormData();
form.append("files", file);
var settings = {
"async": true,
"crossDomain": true,
"url": "http://example.com",
"method": "POST",
"headers": {
"Content-Type": "multipart/form-data"
},
"processData": false,
"contentType": false,
"data": form,
success: function(data) {
console.log("Success", data);
addPhoto(data);
},
error: function(err) {
console.log("Error", err);
alert("Error: " + err);
}
}
My HTML form also has enctype='multipart/form-data'
javascript jquery ajax
edited Nov 22 '18 at 8:08
Rory McCrossan
246k29213252
asked Nov 22 '18 at 7:54
NithinNithin
325112
I am trying to upload a file from localhost to a server but I am getting the following error in my network console, with status code 500:
no multipart boundary param in Content-Type
I have enabled cors on my nginx reverse proxy. My AJAX request is like this:
var files = document.getElementById('candidatePhoto').files;
if (!files.length) {
return alert('Please choose a file to upload first.');
}
var file = files[0];
var form = new FormData();
form.append("files", file);
var settings = {
"async": true,
"crossDomain": true,
"url": "http://example.com",
"method": "POST",
"headers": {
"Content-Type": "multipart/form-data"
},
"processData": false,
"contentType": false,
"data": form,
success: function(data) {
console.log("Success", data);
addPhoto(data);
},
error: function(err) {
console.log("Error", err);
alert("Error: " + err);
}
}
My HTML form also has enctype='multipart/form-data'
javascript jquery ajax
javascript jquery ajax
edited Nov 22 '18 at 8:08
Rory McCrossan
246k29213252
asked Nov 22 '18 at 7:54
NithinNithin
325112
edited Nov 22 '18 at 8:08
Rory McCrossan
246k29213252
asked Nov 22 '18 at 7:54
NithinNithin
325112
edited Nov 22 '18 at 8:08
Rory McCrossan
246k29213252
edited Nov 22 '18 at 8:08
Rory McCrossan
246k29213252
edited Nov 22 '18 at 8:08
Rory McCrossan
246k29213252
246k29213252
asked Nov 22 '18 at 7:54
NithinNithin
325112
asked Nov 22 '18 at 7:54
NithinNithin
325112
asked Nov 22 '18 at 7:54
NithinNithin
325112
325112
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
If you set contentType: false jQuery will automatically apply the correct Content-Type header for sending multipart data. Your inclusion of a header object explicitly specifying the content type is breaking this behaviour. It needs to be removed. Change your AJAX request settings to this:
var settings = {
async: true,
crossDomain: true,
url: "http://example.com",
method: "POST",
processData: false,
contentType: false,
data: form,
success: function(data){
console.log("Success", data);
addPhoto(data);
},
error: function(err) {
console.log("Error", err);
alert("Error: " + err);
}
}
answered Nov 22 '18 at 8:07
Rory McCrossanRory McCrossan
246k29213252
Thank you. It works.
– Nithin
Nov 22 '18 at 8:12
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53426197%2fajax-error-no-multipart-boundary-param-in-content-type%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
If you set contentType: false jQuery will automatically apply the correct Content-Type header for sending multipart data. Your inclusion of a header object explicitly specifying the content type is breaking this behaviour. It needs to be removed. Change your AJAX request settings to this:
var settings = {
async: true,
crossDomain: true,
url: "http://example.com",
method: "POST",
processData: false,
contentType: false,
data: form,
success: function(data){
console.log("Success", data);
addPhoto(data);
},
error: function(err) {
console.log("Error", err);
alert("Error: " + err);
}
}
answered Nov 22 '18 at 8:07
Rory McCrossanRory McCrossan
246k29213252
Thank you. It works.
– Nithin
Nov 22 '18 at 8:12
add a comment |
If you set contentType: false jQuery will automatically apply the correct Content-Type header for sending multipart data. Your inclusion of a header object explicitly specifying the content type is breaking this behaviour. It needs to be removed. Change your AJAX request settings to this:
var settings = {
async: true,
crossDomain: true,
url: "http://example.com",
method: "POST",
processData: false,
contentType: false,
data: form,
success: function(data){
console.log("Success", data);
addPhoto(data);
},
error: function(err) {
console.log("Error", err);
alert("Error: " + err);
}
}
answered Nov 22 '18 at 8:07
Rory McCrossanRory McCrossan
246k29213252
Thank you. It works.
– Nithin
Nov 22 '18 at 8:12
add a comment |
If you set contentType: false jQuery will automatically apply the correct Content-Type header for sending multipart data. Your inclusion of a header object explicitly specifying the content type is breaking this behaviour. It needs to be removed. Change your AJAX request settings to this:
var settings = {
async: true,
crossDomain: true,
url: "http://example.com",
method: "POST",
processData: false,
contentType: false,
data: form,
success: function(data){
console.log("Success", data);
addPhoto(data);
},
error: function(err) {
console.log("Error", err);
alert("Error: " + err);
}
}
answered Nov 22 '18 at 8:07
Rory McCrossanRory McCrossan
246k29213252
If you set contentType: false jQuery will automatically apply the correct Content-Type header for sending multipart data. Your inclusion of a header object explicitly specifying the content type is breaking this behaviour. It needs to be removed. Change your AJAX request settings to this:
var settings = {
async: true,
crossDomain: true,
url: "http://example.com",
method: "POST",
processData: false,
contentType: false,
data: form,
success: function(data){
console.log("Success", data);
addPhoto(data);
},
error: function(err) {
console.log("Error", err);
alert("Error: " + err);
}
}
answered Nov 22 '18 at 8:07
Rory McCrossanRory McCrossan
246k29213252
answered Nov 22 '18 at 8:07
Rory McCrossanRory McCrossan
246k29213252
answered Nov 22 '18 at 8:07
Rory McCrossanRory McCrossan
246k29213252
answered Nov 22 '18 at 8:07
Rory McCrossanRory McCrossan
246k29213252
246k29213252
Thank you. It works.
– Nithin
Nov 22 '18 at 8:12
add a comment |
Thank you. It works.
– Nithin
Nov 22 '18 at 8:12
Thank you. It works.
– Nithin
Nov 22 '18 at 8:12
Thank you. It works.
– Nithin
Nov 22 '18 at 8:12
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53426197%2fajax-error-no-multipart-boundary-param-in-content-type%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
