Vercel Serverless Function Fetch API - Upload file to Vercel Blob

boilerplate-vercel-function-upload-blob.js

import { put } from '@vercel/blob';

/**
 * Serverless API handler for image upload to Vercel Blob Storage
 * Using Vercel Web Standard fetch API
 */
export default {
  /**
   * @param {Request} request - Web Standard Request object containing multipart form data
   */
  async POST(request) {
    try {
      // Parse form data from request
      const formData = await request.formData() ?? new FormData();
      const file = formData.get('file') || formData.get('image');
      
      if (!file) {
        return new Response(JSON.stringify({ error: 'No file provided' }), {
          status: 400,
          headers: { 'Content-Type': 'application/json' }
        });
      }

      // Upload to Vercel Blob
      const blob = await put(file.name, file, {
        access: 'public',
      });

      return new Response(JSON.stringify({
        success: true,
        url: blob.url
      }), {
        status: 200,
        headers: { 'Content-Type': 'application/json' }
      });

    } catch (error) {
      console.error('Upload error:', error);
      return new Response(JSON.stringify({ error: 'Upload failed' }), {
        status: 500,
        headers: { 'Content-Type': 'application/json' }
      });
    }
  }
};