load files from backend

Question

I'm using Angular with ASP.NET core 3.0 and kind of new, I've a function that save pdf files in the Backend asp.net in a Folder "Resources\PdfFiles"

I got upload function to work fine, and it saves the files and it gives me the url of "Resources\PdfFiles" back, which is ok, but how do I display the pdf file from the FrontEnd, like is there any function, that I can retrieve the files from "Resources\PdfFiles"

I just wanted to create a button, when a user click on it, it displays the pdf

would you please help me out

Hien Nguyen · Accepted Answer · 2020-06-22 00:51:06Z

0

The way to view PDF file is same with Image file.

You need change data:image/png to data:application/pdf

I have answer for display image file using Web API, you can refer at:

https://stackoverflow.com/a/55324972/4964569

[Route("{id:int}/image")]
    public async Task<dynamic> GetImage(int id)
    {
        var data = await this.designService.GetImageAsync(id);

        byte[] result = data.Data;

        return new { Image = result}
    }

In service add private sanitizer: DomSanitizer to constructor.

this.service.getImageThumbnail(id).subscribe(
  baseImage => {
    let objectURL = 'data:image/png;base64,' + baseImage.Image;

    this.thumbnail = this.sanitizer.bypassSecurityTrustUrl(objectURL);
  },
  error => (this.errorMessage = error)
);

answered Jun 22, 2020 at 0:51

Hien Nguyen

19k7 gold badges57 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

ayay Over a year ago

where you got designService from ?

Hien Nguyen Over a year ago

you can defined yourself, in GetImageAsync() you read folder to get image content

ayay Over a year ago

doesn't the pdf saved in static wwwroot folder, so why can't i pull it from the folder.

Mohammad Niazmand · Accepted Answer · 2020-06-22 04:49:18Z

0

If you have saved your file in wwwroot, just refer to your physical file in this way:

 window.open(
     '/Resources/PdfFiles/yourpdfname.jpg',
      '_blank',
    );

answered Jun 22, 2020 at 4:49

Mohammad Niazmand

1,55711 silver badges14 bronze badges

12 Comments

ayay Over a year ago

it's been saved in the wwwroot, still won't u work when I try to do it on the client side..

Mohammad Niazmand Over a year ago

Have you added app.UseStaticFiles(); in your startup?

ayay Over a year ago

I did, and added your code to the client side, when I click on it, it opens, localhost:4200/wwwroot\resources\pdfFiles\names.pdf

ayay Over a year ago

which won't open

Mohammad Niazmand Over a year ago

wwwroot shouldn't be in the address, your path should be like below:localhost:4200/resources/pdfFiles/names.pdf

|

Collectives™ on Stack Overflow

load files from backend

2 Answers 2

3 Comments

12 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

12 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related