Function uploadFileChunked

public/components/files/MainFiles.js:93–126

(chosenFile, parentPath)

    directories.value = [...result.newDirectories];
  }
  async function uploadFileChunked(chosenFile, parentPath) {
    const totalChunks = Math.ceil(chosenFile.size / CHUNK_SIZE_BYTES);
    const uploadId = crypto.randomUUID();
    const pathInView = path.value;
    for (let chunkIndex = 0; chunkIndex < totalChunks; chunkIndex++) {
      uploadProgress.value = `Uploading ${chosenFile.name} (${chunkIndex + 1}/${totalChunks})…`;
      const start = chunkIndex * CHUNK_SIZE_BYTES;
      const end = Math.min(start + CHUNK_SIZE_BYTES, chosenFile.size);
      const chunkBlob = chosenFile.slice(start, end);
      const requestBody = new FormData();
      requestBody.set('upload_id', uploadId);
      requestBody.set('chunk_index', String(chunkIndex));
      requestBody.set('total_chunks', String(totalChunks));
      requestBody.set('path_in_view', pathInView);
      requestBody.set('parent_path', parentPath);
      requestBody.set('name', chosenFile.name);
      requestBody.set('chunk', chunkBlob);
      const response = await fetch(`/api/files/upload-chunk`, {
        method: 'POST',
        body: requestBody
      });
      if (!response.ok) {
        throw new Error(`Failed to upload chunk ${chunkIndex + 1}/${totalChunks}. ${response.statusText} ${await response.text()}`);
      }
      const result = await response.json();
      if (!result.success) {
        throw new Error(`Failed to upload chunk ${chunkIndex + 1}/${totalChunks}!`);
      }
      if (result.isComplete) {
        files.value = [...result.newFiles];
        directories.value = [...result.newDirectories];
      }
    }
  }
  function onClickUploadFile(uploadDirectory = false) {
    const fileInput = document.createElement('input');
    fileInput.type = 'file';