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

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

Using jetsream to upload photos to s3 configuration and details

2 years ago By Santosh Kshirsagar
Merge Two Sorted Linked List

Merge Two Sorted Linked List is a Standard Linked list Problem which is Frequently asked in Many Coding interviews. The basic idea is you have given Two Sorted Linked list which are sorted in its own and you have to return return a pointer node which has a merge single list of both the sorted list .

2 years ago By Aniket Prajapati
Web Development as a career !! Web Development as a career !!

Web development offers a fulfilling career designing, developing, and maintaining websites and applications, combining creativity and technical skills in the digital realm.

2 years ago By Mitali Gupta
Real DOM VS Virtual DOM

In this article, we will discuss the differences between the real DOM and the virtual DOM in the context of web development. We'll explore how these concepts impact the performance and efficiency of web applications, and how they contribute to the overall user experience. By the end of this article, you'll have a clear understanding of the distinctions between these two approaches to managing and updating user interfaces on the web.

2 years ago By Mitali Gupta