"driver does not support creating temporary URLs" with image temporaryUrl() + validation

[ahmadeyamin]

Description

When the user uploads the wrong file format it should prevent $photo to get updated and keep it null or previous value so temporaryUrl() should not work.

but when the user uploads the wrong file format it still changes $photo so in frontend temporaryUrl() gets called and shows an error.

validation should work before $photo update but it works after the update so it shows this kind of error :(

Exact steps to reproduce

Stripped-down, copy-pastable code snippets

Context

• Livewire version: [e.g. 2.3]
• Laravel version: [e.g. 8.*]
• Browser: [e.g. Chrome, Safari]

[mblarsen]

Duplicate of #1106 — see possible workaround in the comments.

[IsraH]

Hi,
go to livewire.php in config folder of your app,
then add , 'jpg' or another image that can render on browser at
'temporary_file_upload' => [
...
'preview_mimes' => [
...
'jpeg', 'jpg', 'mpga', ...
...

This solve the issue, this happened to me after upgrade livewire

[timgavin]

This does not prevent the This driver does not support creating temporary URLs exception from being thrown when selecting a non-image file.

[klesou]

Hi,

I was thinking that maybe it's a context problem.

There is no need to use the temporaryUrl function if you not expect an image, which can be previewed.

But, sometimes, we click in the wrong file and then, there is a crash.

What lead us to deal with this problem in the front and maybe with an ugly solution.

And I thought that we could display an image in base64 that inform us that this file can not be previewed.

So, the solution that I put in my project was to insert this in line 86 of TemporaryUploadedFile.php:

if( ! $this->isPreviewable() )
{
return "data:image/png;base64...gg=="; // base of the image that shows that is not a previewed file'*/
}

For me it work's, both in code and in thoughts process, because dont break de flow and show to the user that there is something wrong with the file. "Hey, it was supossed to be an image". And then, when the user submit the form without change the file, the validation will be triggered.

What you guys, think about it?

[boedyirh]

I think you should submit a PR for this.

[timgavin]

@klesou Livewire is basically unusable for file uploads because of this stupid (and old!) temporaryUrl bug. And every workaround I've come across still crashes the app. Yours is the only solution that actually works consistently. The only thing it's missing is an error message, but since these files pass validation what can you do...

I put it on line 78, right at the top of the temporaryUrl() method and it's working perfectly. Thank you.

You should submit a PR and get this adopted. :)

public function temporaryUrl()
{
    if (! $this->isPreviewable()) {
        // show a missing image icon (?) for files that cannot be previewed
        return 'data:image/png;base64...gg==';
    }
    ...
}

[timgavin]

Unfortunately this solution is really only a band-aid, as the real problem is the validator allowing non-images to pass image validation during an update