F
Filament•5mo ago
Dhru

How to get file upload preview to work when setting the value programtically on the private disk ?

Basically I am trying to make it so when the user uploads an image type that is not support the image preview on fileupload it automatically converts to jpg, optimizes for web, and shows that preview image and uploads that instead I have it working if I use a public disk to store the image path. But by default the fileupload component uses app/private/livewire-tmp/ and is still able to display a preview. I use $set to set the state of the fileupload the preview doent work, which is understandable because it is the private disk. I want to continue to use the default directory (to simplify things with multiple image uploads when some of them are supported formats but others require conversion)
1 Reply
Dhru
DhruOP•5mo ago
some example code that works if i use the s3 disk etc. but i want to continue using the app/private/livewire-tmp/ private disk and probably need to tap in to whatever signed url funciton that the fileupload uses for the temporary file preview by default. 
php 
->afterStateUpdated(function ($state, callable $set) {
                                        if ($state instanceof TemporaryUploadedFile && $state->getMimeType() === 'image/heic') {
                                            try {

                                                $fullPath = $state->getRealPath();

                                                $pathInfo = pathinfo($fullPath);
                                                $fileNameNew = $pathInfo['filename'] . '.jpg';
                                                

                                                $jpg = ToJpeg::convert($fullPath)->get();

                                                Storage::disk('s3')->put($fileNameNew, $jpg, ['visibility' => 'public']);

                                                $set('reference_image', [$newPath]);
                                            } catch (\Exception $e) {
                                                Log::error('HEIC conversion failed', [
                                                    'error' => $e->getMessage(),
                                                    'trace' => $e->getTraceAsString(),
                                                    'file' => $state->getClientOriginalName()
                                                ]);
                                            }
                                        }
                                    })
php 
->afterStateUpdated(function ($state, callable $set) {
                                        if ($state instanceof TemporaryUploadedFile && $state->getMimeType() === 'image/heic') {
                                            try {

                                                $fullPath = $state->getRealPath();

                                                $pathInfo = pathinfo($fullPath);
                                                $fileNameNew = $pathInfo['filename'] . '.jpg';
                                                

                                                $jpg = ToJpeg::convert($fullPath)->get();

                                                Storage::disk('s3')->put($fileNameNew, $jpg, ['visibility' => 'public']);

                                                $set('reference_image', [$newPath]);
                                            } catch (\Exception $e) {
                                                Log::error('HEIC conversion failed', [
                                                    'error' => $e->getMessage(),
                                                    'trace' => $e->getTraceAsString(),
                                                    'file' => $state->getClientOriginalName()
                                                ]);
                                            }
                                        }
                                    })

Did you find this page helpful?