Limited Period Offer : 20% Discount on online/offline courses, for more details call/whatsapp

How to use and upload profile photos to AWS s3 using laravel jetstream

0 min read
2 years ago By Santosh Kshirsagar

As mentioned in official documentation https://jetstream.laravel.com/3.x/features/profile-management.html#enabling-profile-photos enable profile photos in config/jetstream.php by removing comment for Features::profilePhotos()

In .env file add aws credentials also make sure to follow laravel documentation to use aws s3 driver

AWS_ACCESS_KEY_ID=
AWS_SECRET_ACCESS_KEY=
AWS_DEFAULT_REGION=
AWS_BUCKET= 
AWS_USE_PATH_STYLE_ENDPOINT=false

add one more variable in .env

VAPOR_ARTIFACT_NAME=true

You can change filesystem disk to s3 if needed for default save

FILESYSTEM_DISK=s3

You have to make sure add cors configuration on aws s3 bucket if you get this error - CORS header 'Access-Control-Allow-Origin' is missing.

go to s3 > select bucket > permission > cors configuration edit

in below example change to your local url if want and change with your website url

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "http://127.0.0.1:8000"
        ],
        "ExposeHeaders": []
    },
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "PUT",
            "POST",
            "DELETE"
        ],
        "AllowedOrigins": [
            "https://yourwebsitename.com"
        ],
        "ExposeHeaders": []
    },
    {
        "AllowedHeaders": [],
        "AllowedMethods": [
            "GET"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": []
    }
]
Jun 20, 2023 19:35 Back to Articles

Other Articles

The Importance of UX Design in Software Development The Importance of UX Design in Software Development

UX design is vital for user engagement, satisfaction, and the success of software applications in competitive markets.

2 years ago By Mitali Gupta
Best Websites for Building Resumes

In this article, we will explore five top websites that can assist you in crafting a compelling resume to increase your chances of getting shortlisted by companies.

2 years ago By Mitali Gupta
linked list

A linked list is a linear data structure, in which the elements are not stored at contiguous memory locations. The elements in a linked list are linked using pointers . This elements can be accessed by pointer traversing.

1 year ago By Aniket Prajapati
Searching Algorithm.

Linear Search Algorithm in the Array traverse through each element in the give array and search the elements.

2 years ago By Aniket Prajapati