사용자 파일 업로드

  • 3분

다음 연습에서는 파일 업로드를 지원하도록 앱을 확장합니다. Microsoft Graph를 사용하여 파일을 업로드하는 방법에는 두 가지가 있습니다. 가장 쉬운 방법은 /me/drive/root:/FolderA/FileB.txt:/content 같은 리소스와 함께 단일 PUT 요청을 사용하는 것입니다. 이 메서드는 4MB로 제한됩니다. 더 복잡한 메서드에는 일련의 HTTP 요청이 업로드 세션에 포함됩니다.

Microsoft Graph SDK는 복잡한 메서드를 쉽게 만듭니다. OneDriveLargeFileUploadTask 개체는 다음 모든 세부 정보를 처리합니다.

const uploadTask = await MicrosoftGraph.OneDriveLargeFileUploadTask.create(
  graphClient, file, {
    path: "/",
    fileName: file.name,
    rangeSize: 1024 * 1024 // must be a multiple of 320 KiB
  }
);
const response = await uploadTask.upload();

파일 인수는 파일 스트림 개체입니다. 웹 브라우저에서 브라우저 파일 입력 요소에서 반환하는 브라우저입니다.

<input type="file" onchange="fileSelected(this);" />

사용자가 파일을 선택하면 onchange 이벤트 처리기가 선택한 파일에 액세스할 수 있습니다.

function fileSelected(e) {
  // Add your code here; e.files[0] contains the file stream to upload the
  // 1st file selected by the user; e.files[1] if a 2nd file was uploaded etc.
}