How to use Amazon S3 Presigned POSTs on Laravel + Vue JS

ImageUploadController.php

<?php

namespace App\Http\Controllers;

use Aws\S3\PostObjectV4;
use Aws\S3\S3Client;
use Illuminate\Http\Request;

class ImageUploadController extends Controller
{
    public function createPreSignedPost()
    {
        $client = new S3Client([
          'version' => 'latest', 
          'region' => 'ap-southeast-1',
          'credentials' => ['key'    => env('AWS_KEY'), 'secret' => env('AWS_SECRET'),],
        ]);
      
        $bucket = env('AWS_BUCKET');
      
        $formInputs = ['acl' => 'public-read'];
      
        $options = [['acl' => 'public-read'], ['bucket' => $bucket], ['starts-with', '$key', ''],];
      
        $expires = '+1 hours';
      
        $postObject = new PostObjectV4($client, $bucket, $formInputs, $options, $expires);
      
        $formAttributes = $postObject->getFormAttributes();
      
        $formInputs = $postObject->getFormInputs();

        return response()->json(['code' => 200, 'formAttributes' => $formAttributes, 'formInputs' => $formInputs]);
    }
}

ImageUploader.vue

template

web.php

Route::get('create/pre-signed-url', 'ImageUploadController@createPreSignedPost');