WebStorage

Upload big file with SDK too many requests

Mar 25, 2024, 16:00

View on Discord

Votes

Replies

Participants

Unknown

Messages

WuGGuOriginal post

Rank 2: Process

Mar 25, 2024, 14:16

Hi all,

for a few month I use in my nuxt application the appwrite sdk to upload videos to my bucket. It worked like a charm but now I get too many requests errors.
The only thing I changed is, I updated to Appwrite 1.5.3 I didn't test the video upload directly after I updated so it could be this change.
I updated also the SDK to latest version "appwrite": "^14.0.0" but still get this too many requests error.

Any Idea how I can debug this?

btw: Uploading in the Appwrite Backend works perfectly fine.

Summary

Developers are experiencing too many requests errors when trying to upload a large file using an SDK after updating to Appwrite 1.5.3. The UploadVideoFile function is being utilized for the upload process. To debug the issue, check the compatibility between the current version of the Appwrite SDK and the specific upload process being used. Also, ensure that the backend upload in the Appwrite Backend is functioning correctly.

Guille

Mar 25, 2024, 14:21

Can you show your code?

WuGGu

Rank 2: Process

Mar 25, 2024, 14:25

sure

TypeScript

  const uploadVideoFile = async (
    file: File,
    teamid: string | undefined,
    progress: (event: UploadProgress) => void,
  ) => {
    const { storage, ID } = useAppwrite();
    try {
      const permission = [];
      if (teamid) {
        permission.push(Permission.read(Role.team(teamid)));
        permission.push(Permission.write(Role.team(teamid, "owner")));
      }

      const res = await storage.createFile(
        VIDEO_BUCKET,
        ID.unique(),
        file,
        permission,
        progress,
      );
      return {
        success: true,
        data: res,
        error: null,
      };
    } catch (err) {
      if (err instanceof AppwriteException) {
        return {
          success: false,
          data: null,
          error: err.message,
        };
      } else {
        return {
          success: false,
          data: null,
          error: "Unkown Error",
        };
      }
    }
  };

my upload utils function. Component in the second post

WuGGu

Rank 2: Process

Mar 25, 2024, 14:26

TypeScript

interface VideoFile {
  name: string;
  src: string; // Object URL for preview
  type: string; // MIME type of the video
  file: File; // The actual File object for upload
  size: number;
  duration: number | null;
  status: string;
}
const videos = ref<VideoFile[]>([]);

const onProgressFactory = (video: VideoFile) => {
  return (event: UploadProgress) => {
    video.status = `Uploading: ${Math.round(event.progress)}%`;
  };
};

const uploadAllFiles = async () => {
  for (const video of videos.value) {
    video.status = "Starting upload...";

    try {
      const fileUpload = await uploadVideoFile(
        video.file,
        editStore.teamID,
        onProgressFactory(video),
      );

      if (!fileUpload.success && fileUpload.error) {
        new Error(fileUpload.error);
      }
// creating a document in the db with the upload infos if success.

Upload big file with SDK too many requests

Need support?_