TTC
Theo's Typesafe Cult•3w ago
FredTheNoob

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?
uploadthing/client - UploadThing Docs
The UploadThing Client module provides utilities for working with files in your application and communicating with your backend file router.
UTApi - UploadThing Docs
TypeScript SDK for consuming the UploadThing REST API.
0 Replies
No replies yetBe the first to reply to this messageJoin

Did you find this page helpful?