Upload Tệp Có Thể Tiếp Tục (Resumable) Với Giao Thức tus Trong JavaScript

import * as tus from 'tus-js-client';

export function startResumableUpload(file: File, endpoint: string) {
  const upload = new tus.Upload(file, {
    endpoint: endpoint, // ví dụ: https://upload.example.com/files/
    retryDelays: [0, 1000, 3000, 5000],
    chunkSize: 5 * 1024 * 1024, // chunk 5MB
    metadata: {
      filename: file.name,
      filetype: file.type,
    },
    onError: (error) => {
      console.error('Tải lên thất bại:', error);
    },
    onProgress: (bytesUploaded, bytesTotal) => {
      const percentage = ((bytesUploaded / bytesTotal) * 100).toFixed(2);
      console.log(`Đã tải ${bytesUploaded} / ${bytesTotal} byte (${percentage}%)`);
    },
    onSuccess: () => {
      console.log('Tải lên hoàn tất! URL:', upload.url);
    },
  });

  // Kiểm tra xem có thể tiếp tục phiên upload trước không
  upload.findPreviousUploads().then((previousUploads) => {
    if (previousUploads.length > 0) {
      upload.resumeFromPreviousUpload(previousUploads[0]);
    }
    upload.start();
  });

  return upload;
}