Download file from http response, using reactJS
1
I have a code like this:
getZipFile(){
Ext.Ajax.request({
url: "http://localhost:8081/myAppName/protected/upload/download.do",
method: 'POST',
params: {
entityId: this.props.currentEntityId
},
jsonData: litOfDocumentsIdINeed,
headers: {
'Content-Type': 'application/json'
},
callback: function (records, operation, success) {
//
// I have what I need at this point, it is inside of 'records'
// the problem is here: I get the document in records, but I need
// to Download it automatically, as soon as I receive these records
// But HOW?
//
}
})
}
So, I receive that file, that's good, but how to go step further and to automatically download it?
javascript ajax reactjs
google-chrome extjs asked Dec 28 '18 at 7:37
Zack ZilicZack Zilic
358217
add a comment |
1
I have a code like this:
getZipFile(){
Ext.Ajax.request({
url: "http://localhost:8081/myAppName/protected/upload/download.do",
method: 'POST',
params: {
entityId: this.props.currentEntityId
},
jsonData: litOfDocumentsIdINeed,
headers: {
'Content-Type': 'application/json'
},
callback: function (records, operation, success) {
//
// I have what I need at this point, it is inside of 'records'
// the problem is here: I get the document in records, but I need
// to Download it automatically, as soon as I receive these records
// But HOW?
//
}
})
}
So, I receive that file, that's good, but how to go step further and to automatically download it?
javascript ajax reactjs
google-chrome extjs asked Dec 28 '18 at 7:37
Zack ZilicZack Zilic
358217
add a comment |
1
1
1
I have a code like this:
getZipFile(){
Ext.Ajax.request({
url: "http://localhost:8081/myAppName/protected/upload/download.do",
method: 'POST',
params: {
entityId: this.props.currentEntityId
},
jsonData: litOfDocumentsIdINeed,
headers: {
'Content-Type': 'application/json'
},
callback: function (records, operation, success) {
//
// I have what I need at this point, it is inside of 'records'
// the problem is here: I get the document in records, but I need
// to Download it automatically, as soon as I receive these records
// But HOW?
//
}
})
}
So, I receive that file, that's good, but how to go step further and to automatically download it?
javascript ajax reactjs
google-chrome extjs asked Dec 28 '18 at 7:37
Zack ZilicZack Zilic
358217
I have a code like this:
getZipFile(){
Ext.Ajax.request({
url: "http://localhost:8081/myAppName/protected/upload/download.do",
method: 'POST',
params: {
entityId: this.props.currentEntityId
},
jsonData: litOfDocumentsIdINeed,
headers: {
'Content-Type': 'application/json'
},
callback: function (records, operation, success) {
//
// I have what I need at this point, it is inside of 'records'
// the problem is here: I get the document in records, but I need
// to Download it automatically, as soon as I receive these records
// But HOW?
//
}
})
}
So, I receive that file, that's good, but how to go step further and to automatically download it?
javascript ajax reactjs
google-chrome extjs javascript ajax reactjs
google-chrome extjs asked Dec 28 '18 at 7:37
Zack ZilicZack Zilic
358217
asked Dec 28 '18 at 7:37
Zack ZilicZack Zilic
358217
edited Dec 28 '18 at 8:02
Zack Zilic
asked Dec 28 '18 at 7:37
Zack ZilicZack Zilic
358217
asked Dec 28 '18 at 7:37
Zack ZilicZack Zilic
358217
asked Dec 28 '18 at 7:37
Zack ZilicZack Zilic
358217
358217
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
0
You can do something like this after getting the callback response -
var filename = 'test' //set the file name here
var blob = new Blob([records], { type: 'add file type here' });
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = filename;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
answered Dec 28 '18 at 9:13
onkar.vonkar.v
728
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
});
}
});
draft saved
draft discarded
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%2f53955176%2fdownload-file-from-http-response-using-reactjs%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
0
You can do something like this after getting the callback response -
var filename = 'test' //set the file name here
var blob = new Blob([records], { type: 'add file type here' });
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = filename;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
answered Dec 28 '18 at 9:13
onkar.vonkar.v
728
add a comment |
0
You can do something like this after getting the callback response -
var filename = 'test' //set the file name here
var blob = new Blob([records], { type: 'add file type here' });
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = filename;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
answered Dec 28 '18 at 9:13
onkar.vonkar.v
728
add a comment |
0
0
0
You can do something like this after getting the callback response -
var filename = 'test' //set the file name here
var blob = new Blob([records], { type: 'add file type here' });
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = filename;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
answered Dec 28 '18 at 9:13
onkar.vonkar.v
728
You can do something like this after getting the callback response -
var filename = 'test' //set the file name here
var blob = new Blob([records], { type: 'add file type here' });
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = filename;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
answered Dec 28 '18 at 9:13
onkar.vonkar.v
728
answered Dec 28 '18 at 9:13
onkar.vonkar.v
728
answered Dec 28 '18 at 9:13
onkar.vonkar.v
728
answered Dec 28 '18 at 9:13
onkar.vonkar.v
728
728
add a comment |
add a comment |
draft saved
draft discarded
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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.
draft saved
draft discarded
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%2f53955176%2fdownload-file-from-http-response-using-reactjs%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
