Send IFormFile back from controller - Asp Net Core
I'm uploading some files using IFormFile interface
<input required asp-for="FeaturedPhoto" type="file" />
The file is being uploaded correctly, but now I would like to load this back into my model so it can be used in an Edit view.
The image is being uploaded in the server, only the path and name are being saved into the DB.
obj.FeaturedPhoto = new FormFile(); // Need help building this
Regards,
file asp.net-core upload .net-core asp.net-core-2.1
add a comment |
I'm uploading some files using IFormFile interface
<input required asp-for="FeaturedPhoto" type="file" />
The file is being uploaded correctly, but now I would like to load this back into my model so it can be used in an Edit view.
The image is being uploaded in the server, only the path and name are being saved into the DB.
obj.FeaturedPhoto = new FormFile(); // Need help building this
Regards,
file asp.net-core upload .net-core asp.net-core-2.1
I don't think you can load the files in to a form, you can however display that file by exposing a stream, what kind of file is it?
– Anton Toshik
Nov 25 '18 at 22:55
I'm working with images
– lsotov
Nov 25 '18 at 23:17
Not what you are asking for, but I recommend displaying the image, and just having a checkbox if someone wants to override the image. Store your path to the image in a hidden input field.
– Anton Toshik
Nov 25 '18 at 23:19
why not simply send back base64-encoded characters to client side?
– itminus
Nov 26 '18 at 3:06
add a comment |
I'm uploading some files using IFormFile interface
<input required asp-for="FeaturedPhoto" type="file" />
The file is being uploaded correctly, but now I would like to load this back into my model so it can be used in an Edit view.
The image is being uploaded in the server, only the path and name are being saved into the DB.
obj.FeaturedPhoto = new FormFile(); // Need help building this
Regards,
file asp.net-core upload .net-core asp.net-core-2.1
I'm uploading some files using IFormFile interface
<input required asp-for="FeaturedPhoto" type="file" />
The file is being uploaded correctly, but now I would like to load this back into my model so it can be used in an Edit view.
The image is being uploaded in the server, only the path and name are being saved into the DB.
obj.FeaturedPhoto = new FormFile(); // Need help building this
Regards,
file asp.net-core upload .net-core asp.net-core-2.1
file asp.net-core upload .net-core asp.net-core-2.1
asked Nov 25 '18 at 22:24
lsotovlsotov
4118
4118
I don't think you can load the files in to a form, you can however display that file by exposing a stream, what kind of file is it?
– Anton Toshik
Nov 25 '18 at 22:55
I'm working with images
– lsotov
Nov 25 '18 at 23:17
Not what you are asking for, but I recommend displaying the image, and just having a checkbox if someone wants to override the image. Store your path to the image in a hidden input field.
– Anton Toshik
Nov 25 '18 at 23:19
why not simply send back base64-encoded characters to client side?
– itminus
Nov 26 '18 at 3:06
add a comment |
I don't think you can load the files in to a form, you can however display that file by exposing a stream, what kind of file is it?
– Anton Toshik
Nov 25 '18 at 22:55
I'm working with images
– lsotov
Nov 25 '18 at 23:17
Not what you are asking for, but I recommend displaying the image, and just having a checkbox if someone wants to override the image. Store your path to the image in a hidden input field.
– Anton Toshik
Nov 25 '18 at 23:19
why not simply send back base64-encoded characters to client side?
– itminus
Nov 26 '18 at 3:06
I don't think you can load the files in to a form, you can however display that file by exposing a stream, what kind of file is it?
– Anton Toshik
Nov 25 '18 at 22:55
I don't think you can load the files in to a form, you can however display that file by exposing a stream, what kind of file is it?
– Anton Toshik
Nov 25 '18 at 22:55
I'm working with images
– lsotov
Nov 25 '18 at 23:17
I'm working with images
– lsotov
Nov 25 '18 at 23:17
Not what you are asking for, but I recommend displaying the image, and just having a checkbox if someone wants to override the image. Store your path to the image in a hidden input field.
– Anton Toshik
Nov 25 '18 at 23:19
Not what you are asking for, but I recommend displaying the image, and just having a checkbox if someone wants to override the image. Store your path to the image in a hidden input field.
– Anton Toshik
Nov 25 '18 at 23:19
why not simply send back base64-encoded characters to client side?
– itminus
Nov 26 '18 at 3:06
why not simply send back base64-encoded characters to client side?
– itminus
Nov 26 '18 at 3:06
add a comment |
1 Answer
1
active
oldest
votes
You can return the uploaded file as base64 encoded string:
[ProducesResponseType(200, Type = typeof(string))]
public async Task<IActionResult> UploadImage(IFormFile file)
{
// your other code
if (file.Length > 0)
{
using (var ms = new MemoryStream())
{
file.CopyTo(ms);
var fileBytes = ms.ToArray();
string s = Convert.ToBase64String(fileBytes);
return new OkObjectResult(s);
}
}
}
On the client side you can show the image like so:
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="test image" />
To use the above you need to know the ContentType. You can find this by using:
file.ContentType
@Isotov have you tried this? Have you solved your problem?
– Tarik Tutuncu
Dec 7 '18 at 10:06
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%2f53472628%2fsend-iformfile-back-from-controller-asp-net-core%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
You can return the uploaded file as base64 encoded string:
[ProducesResponseType(200, Type = typeof(string))]
public async Task<IActionResult> UploadImage(IFormFile file)
{
// your other code
if (file.Length > 0)
{
using (var ms = new MemoryStream())
{
file.CopyTo(ms);
var fileBytes = ms.ToArray();
string s = Convert.ToBase64String(fileBytes);
return new OkObjectResult(s);
}
}
}
On the client side you can show the image like so:
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="test image" />
To use the above you need to know the ContentType. You can find this by using:
file.ContentType
@Isotov have you tried this? Have you solved your problem?
– Tarik Tutuncu
Dec 7 '18 at 10:06
add a comment |
You can return the uploaded file as base64 encoded string:
[ProducesResponseType(200, Type = typeof(string))]
public async Task<IActionResult> UploadImage(IFormFile file)
{
// your other code
if (file.Length > 0)
{
using (var ms = new MemoryStream())
{
file.CopyTo(ms);
var fileBytes = ms.ToArray();
string s = Convert.ToBase64String(fileBytes);
return new OkObjectResult(s);
}
}
}
On the client side you can show the image like so:
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="test image" />
To use the above you need to know the ContentType. You can find this by using:
file.ContentType
@Isotov have you tried this? Have you solved your problem?
– Tarik Tutuncu
Dec 7 '18 at 10:06
add a comment |
You can return the uploaded file as base64 encoded string:
[ProducesResponseType(200, Type = typeof(string))]
public async Task<IActionResult> UploadImage(IFormFile file)
{
// your other code
if (file.Length > 0)
{
using (var ms = new MemoryStream())
{
file.CopyTo(ms);
var fileBytes = ms.ToArray();
string s = Convert.ToBase64String(fileBytes);
return new OkObjectResult(s);
}
}
}
On the client side you can show the image like so:
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="test image" />
To use the above you need to know the ContentType. You can find this by using:
file.ContentType
You can return the uploaded file as base64 encoded string:
[ProducesResponseType(200, Type = typeof(string))]
public async Task<IActionResult> UploadImage(IFormFile file)
{
// your other code
if (file.Length > 0)
{
using (var ms = new MemoryStream())
{
file.CopyTo(ms);
var fileBytes = ms.ToArray();
string s = Convert.ToBase64String(fileBytes);
return new OkObjectResult(s);
}
}
}
On the client side you can show the image like so:
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="test image" />
To use the above you need to know the ContentType. You can find this by using:
file.ContentType
answered Dec 5 '18 at 8:49
Tarik TutuncuTarik Tutuncu
496210
496210
@Isotov have you tried this? Have you solved your problem?
– Tarik Tutuncu
Dec 7 '18 at 10:06
add a comment |
@Isotov have you tried this? Have you solved your problem?
– Tarik Tutuncu
Dec 7 '18 at 10:06
@Isotov have you tried this? Have you solved your problem?
– Tarik Tutuncu
Dec 7 '18 at 10:06
@Isotov have you tried this? Have you solved your problem?
– Tarik Tutuncu
Dec 7 '18 at 10:06
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%2f53472628%2fsend-iformfile-back-from-controller-asp-net-core%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
I don't think you can load the files in to a form, you can however display that file by exposing a stream, what kind of file is it?
– Anton Toshik
Nov 25 '18 at 22:55
I'm working with images
– lsotov
Nov 25 '18 at 23:17
Not what you are asking for, but I recommend displaying the image, and just having a checkbox if someone wants to override the image. Store your path to the image in a hidden input field.
– Anton Toshik
Nov 25 '18 at 23:19
why not simply send back base64-encoded characters to client side?
– itminus
Nov 26 '18 at 3:06