FredTheNoob Posts - Answer Overflow

FredTheNoob

Explore posts from servers

•Created by FredTheNoob on 3/17/2025 in #questions

Uploading files to uploadthing directly using fetch API or similar

I am currently trying to write a migration script that simply moves my local files over to uploadthing. I want to do this in a ts script using bun. I tried doing it like this:

import fs from "fs";
import path from "path";
import FormData from "form-data";
import { env } from "@/lib/env";

const NEXT_APP_URL = env.NEXT_PUBLIC_APP_URL || "http://localhost:3000";
const UPLOADTHING_URL = `${NEXT_APP_URL}/api/uploadthing`;

async function uploadFile(filePath: string) {
  const fileBuffer = fs.readFileSync(filePath);
  const fileName = path.basename(filePath);

  // Convert Buffer to Blob
  const fileBlob = new Blob([fileBuffer], { type: "image/png" }); // Adjust type if needed
  const file = new File([fileBlob], fileName, { type: "image/png" });

  const formData = new FormData();
  formData.append("files", file);

  console.log(`📤 Uploading ${fileName} to UploadThing...`);

  const response = await fetch(UPLOADTHING_URL, {
    method: "POST",
    headers: {
      "x-uploadthing-api-key": env.UPLOADTHING_TOKEN,
    },
    body: formData,
  });

  const data = await response.json();
  console.log("✅ Upload Response:", data);
}

// Run test upload
uploadFile("./logo.png");

import fs from "fs";
import path from "path";
import FormData from "form-data";
import { env } from "@/lib/env";

const NEXT_APP_URL = env.NEXT_PUBLIC_APP_URL || "http://localhost:3000";
const UPLOADTHING_URL = `${NEXT_APP_URL}/api/uploadthing`;

async function uploadFile(filePath: string) {
  const fileBuffer = fs.readFileSync(filePath);
  const fileName = path.basename(filePath);

  // Convert Buffer to Blob
  const fileBlob = new Blob([fileBuffer], { type: "image/png" }); // Adjust type if needed
  const file = new File([fileBlob], fileName, { type: "image/png" });

  const formData = new FormData();
  formData.append("files", file);

  console.log(`📤 Uploading ${fileName} to UploadThing...`);

  const response = await fetch(UPLOADTHING_URL, {
    method: "POST",
    headers: {
      "x-uploadthing-api-key": env.UPLOADTHING_TOKEN,
    },
    body: formData,
  });

  const data = await response.json();
  console.log("✅ Upload Response:", data);
}

// Run test upload
uploadFile("./logo.png");

But that gave me an error. Following the documentation I tried implementing the https://docs.uploadthing.com/api-reference/client#upload-files example and https://docs.uploadthing.com/api-reference/ut-api#upload-files without luck. Anyone got an idea of how to do this?

2 replies

BABetter Auth

•Created by FredTheNoob on 2/19/2025 in #help

Forget Password endpoint always returns status code 200

8 replies

Gaming

Programming