Rotate Image Issue in Mobile

I jut upload image from mobile but the image goes to rotate after save or after insert

Forms\Components\FileUpload::make('image')
                 ->label(__('attr.image'))
                 ->disk('public')
                 ->directory('watches')
                 ->image()
                 ->downloadable()
                 ->multiple()
                 ->optimize('jpg')
                 ->imageEditor()
                 ->columnSpanFull()
                 ->required()

Forms\Components\FileUpload::make('image')
                 ->label(__('attr.image'))
                 ->disk('public')
                 ->directory('watches')
                 ->image()
                 ->downloadable()
                 ->multiple()
                 ->optimize('jpg')
                 ->imageEditor()
                 ->columnSpanFull()
                 ->required()

2 Replies

Dennis Koch•4mo ago

I guess your phone just rotates them based on the metadata without actually modifying the file.

RawaNOP•4mo ago

You're right, that's likely the issue. Mobile phones often store orientation information in the image metadata without actually rotating the image file itself. This can lead to the problem I'm experiencing, where the image appears correct on the phone but rotates when uploaded or viewed elsewhere. Is there a recommended way to handle this in Filament? Should I be processing the images on the server to read and apply the orientation metadata, or is there a built-in solution in Filament to address this common mobile upload issue?

Gaming

Programming

Rotate Image Issue in Mobile