Jquery-FileUpload plugin, how to send additional data to server side?
I know that there are already some questions about that but nothing seems to be good for me.
I'm trying to send additional data formatted as js object with my images. Look at my code:
$('#fileupload').fileupload('option', {
previewMaxHeight: 100,
previewMaxWidth: 100,
dropZone: $(".dragdroparea"),
acceptFileTypes: /(.|/)(jpe?g|png)$/i,
formData: {
cname: 'name',
cend: 'end'
}
});
$('#fileupload').bind('fileuploadsend', function (e, data) {
var offer = getOfferParameters();
data.formData = {
cname: offer.cname,
cend: offer.cend
};
});
I use fileuploadsend event instead of fileuploadsubmit as the documentation example because I'm calling send event programmatically (documentation)
if (allFieldsCompiled()) {
$('#fileupload').fileupload('send', { files: images});
}
I placed a breakpoint inside fileuploadsend event handler, and everything is ok, at the end of the event handler, data.formData is populated with the right values, but when I get theese values in the server side handler, they are the same as in the initialization time. To be clearer: I initialize formData.cname with "name", I change formData.cname value with "new_name" inside fileuploadsend event handler, but in the server the value for "cname" is still "name"
How can I fix?
javascript jquery-file-upload
asked Nov 26 '18 at 13:27
Alessio InnocenziAlessio Innocenzi
448
add a comment |
I know that there are already some questions about that but nothing seems to be good for me.
I'm trying to send additional data formatted as js object with my images. Look at my code:
$('#fileupload').fileupload('option', {
previewMaxHeight: 100,
previewMaxWidth: 100,
dropZone: $(".dragdroparea"),
acceptFileTypes: /(.|/)(jpe?g|png)$/i,
formData: {
cname: 'name',
cend: 'end'
}
});
$('#fileupload').bind('fileuploadsend', function (e, data) {
var offer = getOfferParameters();
data.formData = {
cname: offer.cname,
cend: offer.cend
};
});
I use fileuploadsend event instead of fileuploadsubmit as the documentation example because I'm calling send event programmatically (documentation)
if (allFieldsCompiled()) {
$('#fileupload').fileupload('send', { files: images});
}
I placed a breakpoint inside fileuploadsend event handler, and everything is ok, at the end of the event handler, data.formData is populated with the right values, but when I get theese values in the server side handler, they are the same as in the initialization time. To be clearer: I initialize formData.cname with "name", I change formData.cname value with "new_name" inside fileuploadsend event handler, but in the server the value for "cname" is still "name"
How can I fix?
javascript jquery-file-upload
asked Nov 26 '18 at 13:27
Alessio InnocenziAlessio Innocenzi
448
add a comment |
I know that there are already some questions about that but nothing seems to be good for me.
I'm trying to send additional data formatted as js object with my images. Look at my code:
$('#fileupload').fileupload('option', {
previewMaxHeight: 100,
previewMaxWidth: 100,
dropZone: $(".dragdroparea"),
acceptFileTypes: /(.|/)(jpe?g|png)$/i,
formData: {
cname: 'name',
cend: 'end'
}
});
$('#fileupload').bind('fileuploadsend', function (e, data) {
var offer = getOfferParameters();
data.formData = {
cname: offer.cname,
cend: offer.cend
};
});
I use fileuploadsend event instead of fileuploadsubmit as the documentation example because I'm calling send event programmatically (documentation)
if (allFieldsCompiled()) {
$('#fileupload').fileupload('send', { files: images});
}
I placed a breakpoint inside fileuploadsend event handler, and everything is ok, at the end of the event handler, data.formData is populated with the right values, but when I get theese values in the server side handler, they are the same as in the initialization time. To be clearer: I initialize formData.cname with "name", I change formData.cname value with "new_name" inside fileuploadsend event handler, but in the server the value for "cname" is still "name"
How can I fix?
javascript jquery-file-upload
asked Nov 26 '18 at 13:27
Alessio InnocenziAlessio Innocenzi
448
I know that there are already some questions about that but nothing seems to be good for me.
I'm trying to send additional data formatted as js object with my images. Look at my code:
$('#fileupload').fileupload('option', {
previewMaxHeight: 100,
previewMaxWidth: 100,
dropZone: $(".dragdroparea"),
acceptFileTypes: /(.|/)(jpe?g|png)$/i,
formData: {
cname: 'name',
cend: 'end'
}
});
$('#fileupload').bind('fileuploadsend', function (e, data) {
var offer = getOfferParameters();
data.formData = {
cname: offer.cname,
cend: offer.cend
};
});
I use fileuploadsend event instead of fileuploadsubmit as the documentation example because I'm calling send event programmatically (documentation)
if (allFieldsCompiled()) {
$('#fileupload').fileupload('send', { files: images});
}
I placed a breakpoint inside fileuploadsend event handler, and everything is ok, at the end of the event handler, data.formData is populated with the right values, but when I get theese values in the server side handler, they are the same as in the initialization time. To be clearer: I initialize formData.cname with "name", I change formData.cname value with "new_name" inside fileuploadsend event handler, but in the server the value for "cname" is still "name"
How can I fix?
javascript jquery-file-upload
javascript jquery-file-upload
asked Nov 26 '18 at 13:27
Alessio InnocenziAlessio Innocenzi
448
asked Nov 26 '18 at 13:27
Alessio InnocenziAlessio Innocenzi
448
asked Nov 26 '18 at 13:27
Alessio InnocenziAlessio Innocenzi
448
asked Nov 26 '18 at 13:27
Alessio InnocenziAlessio Innocenzi
448
asked Nov 26 '18 at 13:27
Alessio InnocenziAlessio Innocenzi
448
448
add a comment |
add a comment |
0
active
oldest
votes
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%2f53482162%2fjquery-fileupload-plugin-how-to-send-additional-data-to-server-side%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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%2f53482162%2fjquery-fileupload-plugin-how-to-send-additional-data-to-server-side%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
