RedPlus 개인 블로그

시삽: 레드플러스 님 
게시판 이동:
 제목 : Blazor: 단일 파일 업로드 코드 조각
글번호: 326
작성자: Administrator ( 레드플러스 / redplus@live.com )
작성일: 2019/12/08 오전 7:42:42
조회수: 73

@page "/Up"

@using BlazorInputFile
@using System.IO


@inject IFileUpload FileUpload


<h1>단일 파일 업로드 코드 조각</h1>

<BlazorInputFile.InputFile OnChange="HandleSelection"></BlazorInputFile.InputFile>

<input type="button" value="저장" @onclick="btnSave_Click" />

<p>@status</p>

@code {
    string status;

    private MemoryStream ms = new MemoryStream();
    private IFileListEntry[] selectedFiles;
    void HandleSelection(IFileListEntry[] files)
    {
        selectedFiles = files;
    }

    private async Task btnSave_Click()
    {
        var file = selectedFiles.FirstOrDefault();

        if (file != null)
        {
            await FileUpload.UploadAsync(file); 
        }

        var uploadFolder = Path.Combine(Environment.CurrentDirectory, "");

        using (var fileStream = new FileStream(Path.Combine(uploadFolder, file.Name), FileMode.Create))
        {
            await file.Data.CopyToAsync(fileStream); // 저장
        }
    }
}
 

 

using BlazorInputFile;
using Microsoft.AspNetCore.Hosting;
using System.IO;
using System.Threading.Tasks;

namespace BlazorApp9
{
    public interface IFileUpload
    {
        Task UploadAsync(IFileListEntry file);
    }

    public class FileUpload : IFileUpload
    {
        private readonly IWebHostEnvironment _environment;
        public FileUpload(IWebHostEnvironment env)
        {
            _environment = env;
        }

        public async Task UploadAsync(IFileListEntry fileEntry)
        {
            var path = Path.Combine(_environment.WebRootPath, "Upload", fileEntry.Name);
            var ms = new MemoryStream();
            await fileEntry.Data.CopyToAsync(ms);
            using (FileStream file = new FileStream(path, FileMode.Create, FileAccess.Write))
            {
                ms.WriteTo(file);
            }
        }
    }
}
 

 


    <script src="_content/BlazorInputFile/inputfile.js"></script>
    <script src="_framework/blazor.server.js"></script>

 

 

 

Summary

=============================

Nuget에서 Preview 체크하고 BlazorInputFile 추가

=============================

<script src="_content/BlazorInputFile/inputfile.js"></script>

=============================

using BlazorInputFile;
using System.Threading.Tasks;

namespace BlazorApp.Services
{
    public interface IFileUploadService
    {
        Task UploadAsync(IFileListEntry file);
    }
}
 

=============================

using BlazorInputFile;
using Microsoft.AspNetCore.Hosting;
using System.IO;
using System.Threading.Tasks;

namespace BlazorApp.Services
{
    public class FileUploadService : IFileUploadService
    {
        private readonly IWebHostEnvironment _environment;

        public FileUploadService(IWebHostEnvironment env)
        {
            this._environment = env;
        }

        public async Task UploadAsync(IFileListEntry fileEntry)
        {
            var path = Path.Combine(_environment.WebRootPath, "Upload", fileEntry.Name);
            var ms = new MemoryStream();
            await fileEntry.Data.CopyToAsync(ms);
            using (FileStream file = new FileStream(path, FileMode.Create, FileAccess.Write))
            {
                ms.WriteTo(file); 
            }
        }
    }
}
 

=============================

services.AddScoped<IFileUploadService, FileUploadService>();

=============================

@page "/FrmFileUploadTest"

<h3>단일 파일 업로드 코드 조각</h3>

<BlazorInputFile.InputFile OnChange="HandleSelection">
</BlazorInputFile.InputFile>

<input type="button" name="Save" value="업로드"
       @onclick="UploadClick" />
 

=============================

using BlazorApp.Services;
using BlazorInputFile;
using Microsoft.AspNetCore.Components;
using System.Linq;

namespace BlazorApp.Pages
{
    public partial class FrmFileUploadTest
    {
        [Inject]
        public IFileUploadService FileUploadServiceReference { get; set; }

        private IFileListEntry[] selectedFiles; 
        protected void HandleSelection(IFileListEntry[] files)
        {
            this.selectedFiles = files;
        }

        protected async void UploadClick()
        {
            var file = selectedFiles.FirstOrDefault();
            if (file != null)
            {
                await FileUploadServiceReference.UploadAsync(file);
            }
        }
    }
}
=============================

 

 

 

 

 

 

 

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 InvalidOperationException: A second operation s... 2019-12-23_5-22-50.png(185 KB) Administrator 2019-12-22 50
현재글 Blazor: 단일 파일 업로드 코드 조각 - Administrator 2019-12-08 73
다음글 [서평][도서] 홀로 성장하는 시대는 끝났다 20191028_052030.jpg(2.00 MB) Administrator 2019-10-27 123
관련 페이지 리스트
numtitlenamedateview
330 Blazor + ASP.NET Core Identity => BuiltIn Accou... Administrator 2020-01-16 6
329 HTTP Error 500.30 - ANCM In-Process Start Failu... Administrator 2020-01-03 29
328 Blazor Dynamic 텍스트박스 데모 Administrator 2019-12-29 30
327 InvalidOperationException: A second operation s... Administrator 2019-12-22 50
326 Blazor: 단일 파일 업로드 코드 조각 Administrator 2019-12-08 73
325 [서평][도서] 홀로 성장하는 시대는 끝났다 Administrator 2019-10-27 123
324 CS0012: The type 'Object' is defined in an asse... Administrator 2019-10-26 139
322 "Unable to connect to the Web server 'IIS Expre... Administrator 2019-10-21 111
321 .NET Core 3.0 SDK 설치 Administrator 2019-09-23 129
320 자바(Java) 학습 개발 환경 구축 및 Git과 GitHub에 Java 리포지토리 ... Administrator 2019-08-09 140
319 알고리즘 기초 강의(part 2 of 12) - 개수 알고리즘(Count Algori... Administrator 2019-07-28 127
318 Windows.old 삭제 Administrator 2019-07-27 133
317 알고리즘 기초 강의 01 - 합계 알고리즘(Sum Algorithm) Administrator 2019-07-25 136
316 .NET Core 3.0 Preview7 설치 화면 캡처 Administrator 2019-07-23 134
315 Azure Data Studio 설치 관련 이미지 모음 Administrator 2019-07-19 127
314 PostgreSQL 설치 관련 이미지 모음 Administrator 2019-07-19 90
313 Visual Studio 2019 편집기 및 솔루션 탐색기 열기 등 관련 이미지 Administrator 2019-07-19 91
312 Visual Studio 2019 글꼴 변경 방법 이미지들 Administrator 2019-07-19 95
311 C# HelloWorld 이미지 모음 Administrator 2019-07-19 98
310 Visual Studio 2019 Community 설치 이미지 모음 Administrator 2019-07-19 88
 
 
 
손님 사용자 Anonymous (손님)
로그인 Home