File Uploading in Scaffolded Page

Blooming Developer 276

In my Scaffolded Create Page i have a option for file upload.
I want to show this uploaded file in my edit page.

In my create page, im creating a folder with name as record ID and the file will be saved into this folder.

        var foldername = NoticeBoard.ID.ToString();
        var DirectoryPath = Path.Combine(_env.WebRootPath, "AdminDocs", foldername);
        if (!System.IO.Directory.Exists(DirectoryPath))
        {
            System.IO.Directory.CreateDirectory(DirectoryPath);
        }

        if (UploadFile != null)
        {                
            var filesave = Path.Combine(_env.WebRootPath, "AdminDocs", NoticeBoard.ID.ToString(), "Doc-" + NoticeBoard.NoticeName  + "_" + UploadFile.FileName);
            using (var stream = System.IO.File.Create(filesave))
            {
                await UploadFile.CopyToAsync(stream);                    
            }
        }

I want to show this uploaded file in Edit Page and Details page with link to open in another tab.

AgaveJoe 28,131 Reputation points

2021-07-09T11:20:11.153+00:00

You have a bit more code to design and write. A common approach is storing the file name and path in a database table. The actual file name is the records unique identifier like a GUID. Use an action to fetch the and return the file.

Opening the file in another tab might not be possible because the browser must support the unknown file type. However, the HTML is very simple; target="_blank".

Blooming Developer 276

Hi @AgaveJoe ,

Thanks for the response. I made the changes as you explained.

I need one more help. Now the file is dispalying inside a anchor tag. how can i call view function in anchor tag?

        <!--ATTACHMENT OF FILES-->  
        <div class="form-group">  
            <label class="control-label">Attachment</label>  
            @if (!string.IsNullOrEmpty(Model.UploadedFileName))  
            {                     
                <input asp-for="NoticeBoard.NoticeBoardFileName" class="form-control" style="display:none;" />  
                <b><i>@Model.UploadedFileName</i></b>  
                                 
            }  
            else  
            {  
                <input type="file" asp-for="UploadFile" class="form-control" accept=".pdf" style="border:1px solid white;" />  
            }  
        </div>

i cannot use asp-page-handler to call this functio if im using anchor tag.Is there anyother solution like when i click on the filename it should either download or view the file.

AgaveJoe 28,131 Reputation points

2021-07-11T14:37:16.15+00:00

The default behavior of a link downloads a resource. However, there are no anchor tags in your sample code.

Is there anyway you can provide the most current code and explain how you expect the code to function?

Blooming Developer 276

Hi @AgaveJoe
This is the function i want to call when i click on the Document Name.I know that asp-page-handler cannot be used for anchor tag.
Thats why im didnt included in the previous code. Is there anyway to achieve this.

    public FileResult OnPostView()  
    {  
        string filename = NoticeBoard.NoticeBoardFileName;  
        if (filename != null)  
        {  
            var Folder = NoticeBoard.ID.ToString();  
            string fileview = Path.Combine(_env.WebRootPath, "AdminDocs", Folder, filename);  
            WebClient User = new WebClient();  
            Byte[] fileBuffer = System.IO.File.ReadAllBytes(fileview);  
            if (fileBuffer != null)  
            {  
                return File(fileBuffer, "application/pdf", filename);  
            }  
        }  
        return null;  
    }

AgaveJoe 28,131 Reputation points

2021-07-12T10:29:30.31+00:00
A Razor Page is not the best approach. Follow the recommendation and create an Action. You might have to add configuration to the startup.cs file to include MVC depending on how your project is setup. Bellow is a basic pattern.

public IActionResult FileHandler(int id) { //look up the Id var path = Path.Combine(Environment.ContentRootPath, @$"wwwroot/Content/{id}"); var fileStream = System.IO.File.OpenRead(path); return File(fileStream, "application/pdf"); }

Share via

File Uploading in Scaffolded Page

Your answer