Minh Techie Comments - Answer Overflow

@ambergristle 1. the image is uploaded successfully but when I view it it says The image cannot be displayed because contains error 2. yes it's correct. Here's what I see in CloudWatch

FormData {
  banner: '',
  profile_img: File {
    size: 311948,
    type: 'image/jpeg',
    name: 'cat.jpg',
    lastModified: 1737954587729
  },
  name: "My Channel",
  description: 'This is My channel',
  id: '...'
}

FormData {
  banner: '',
  profile_img: File {
    size: 311948,
    type: 'image/jpeg',
    name: 'cat.jpg',
    lastModified: 1737954587729
  },
  name: "My Channel",
  description: 'This is My channel',
  id: '...'
}

3. I tried c.parseBody but still no luck

20 replies

HHono

•Created by Minh Techie on 1/27/2025 in #help

Image uploaded to S3 cannot be displayed when run on Lambda

S3Service

const S3Service = {
  uploadFile: async (file: File) => {
    if (!bucketName || !region) {
      throw new Error("Missing required bucket name and region");
    }

    const fileId = v4();

    const fileExtension = file.name.split(".").pop();
    const fileKey = `${fileId}.${fileExtension}`;

    const arrayBuffer = await file.arrayBuffer();
    const buffer = Buffer.from(arrayBuffer);

    const params = {
      Body: buffer,
      Bucket: bucketName,
      Key: fileKey,
      ContentType: file.type,
    };

    const uploadCommand = new PutObjectCommand(params);
    const response = await s3Client.send(uploadCommand);

    if (!response) return "Failed to upload file";

    const url = `https://${bucketName}.s3.${region}.amazonaws.com/${fileKey}`;
    return url;
  },
};

const S3Service = {
  uploadFile: async (file: File) => {
    if (!bucketName || !region) {
      throw new Error("Missing required bucket name and region");
    }

    const fileId = v4();

    const fileExtension = file.name.split(".").pop();
    const fileKey = `${fileId}.${fileExtension}`;

    const arrayBuffer = await file.arrayBuffer();
    const buffer = Buffer.from(arrayBuffer);

    const params = {
      Body: buffer,
      Bucket: bucketName,
      Key: fileKey,
      ContentType: file.type,
    };

    const uploadCommand = new PutObjectCommand(params);
    const response = await s3Client.send(uploadCommand);

    if (!response) return "Failed to upload file";

    const url = `https://${bucketName}.s3.${region}.amazonaws.com/${fileKey}`;
    return url;
  },
};

20 replies

HHono

•Created by Minh Techie on 1/27/2025 in #help

Image uploaded to S3 cannot be displayed when run on Lambda

ChannelService.updateChannel

async function updateChannel(channelId: string, formData: FormData) {
  let profileImgUrl: string = "";
  let bannerUrl: string = "";

  const profileImg = formData.get("profile_img");

  if (profileImg && typeof profileImg === "object" && "name" in profileImg) {
    profileImgUrl = await S3Service.uploadFile(profileImg);
  }

  const bannerImg = formData.get("banner");
  
if (bannerImg && typeof bannerImg === "object" && "name" in bannerImg) {
    bannerUrl = await S3Service.uploadFile(bannerImg);
  }

  // logic to update the channel info in the DB
  return updatedChannel;
}

async function updateChannel(channelId: string, formData: FormData) {
  let profileImgUrl: string = "";
  let bannerUrl: string = "";

  const profileImg = formData.get("profile_img");

  if (profileImg && typeof profileImg === "object" && "name" in profileImg) {
    profileImgUrl = await S3Service.uploadFile(profileImg);
  }

  const bannerImg = formData.get("banner");
  
if (bannerImg && typeof bannerImg === "object" && "name" in bannerImg) {
    bannerUrl = await S3Service.uploadFile(bannerImg);
  }

  // logic to update the channel info in the DB
  return updatedChannel;
}

20 replies

DTDrizzle Team

•Created by Minh Techie on 12/13/2024 in #help

TypeError: Cannot read properties of undefined (reading 'replace')

and here's drizzle.config.ts. The database url is correct

import { defineConfig } from "drizzle-kit";

export default defineConfig({
  dialect: "postgresql",
  schemaFilter: ["public"],
  introspect: {
    casing: "preserve",
  },
  schema: "./src/db/schema",
  out: "./supabase/migrations",
  dbCredentials: {
    url: process.env.DATABASE_URL ?? "",
  },
});

import { defineConfig } from "drizzle-kit";

export default defineConfig({
  dialect: "postgresql",
  schemaFilter: ["public"],
  introspect: {
    casing: "preserve",
  },
  schema: "./src/db/schema",
  out: "./supabase/migrations",
  dbCredentials: {
    url: process.env.DATABASE_URL ?? "",
  },
});