livewire: zip file fails image validation and crashes with temporaryUrl()

I did this as a fix for the temporary url driver issue:

public $avatar;

//...

public function updatedAvatar($value)
{
    $extension = pathinfo($value->getFilename(), PATHINFO_EXTENSION);
    if (!in_array($extension, ['png', 'jpeg', 'bmp', 'gif'])) {
        $this->reset('avatar');
    }

    $this->validate([
        'avatar' => 'mimes:png,jpeg,bmp,gif|max:512', // .5MB Max
    ]);
}

I know this might not be the best code, but this helped me fix the problem without having to add every mime type to the preview_mimes array. I placed this in the blade file. Also tried binding to the photoUpdated function which should be called after update, but couldn’t get that to work. Maybe this might help someone.

 @if ($photo)
        @php
            try {
               $url = $photo->temporaryUrl();
               $photoStatus = true;
            }catch (RuntimeException $exception){
                $this->photoStatus =  false;
            }
        @endphp
        @if($photoStatus)
            <img src="{{ $url }}">
        @else
            Something went wrong while uploading the file.
        @endif
    @endif

For someone who is using real-time validation with several fields, solution might be like this

public $avatar;

protected $rules = [
    'avatar' => 'image|max:1024',
];

//...

/**
 * Real-time validation.
 *
 * @param string $propertyName
 * @throws \Illuminate\Validation\ValidationException
 */
public function updated($propertyName)
{
    try {
        $this->validateOnly($propertyName);
    } catch (ValidationException $e) {
        if ($propertyName == 'avatar') {
            $this->reset($propertyName);
        }

        throw $e;
    }
}

Regarding to the @ryanscherler workaround, can be used laravel Validator and code might look like this

use Illuminate\Support\Facades\Validator;

//...

public $avatar;

protected $rules = [
    'avatar' => 'image|max:1024',
];

//...

/**
 * @param \Livewire\TemporaryUploadedFile $value
 */
public function updatedAvatar($value)
{
    $validator = Validator::make(
        ['avatar' => $this->avatar],
        ['avatar' => $this->rules['avatar']],
    );

    if ($validator->fails()) {
        $this->reset('avatar');
        $this->setErrorBag($validator->getMessageBag());
    }
}

I am getting the same error even with jpeg

ErrorException : This driver does not support creating temporary URLs.

I’m here with same issue … not sure I understand resolution, though.

If I am validating file type and an invalid type is not in config preview_mimes, it throws the ErrorException: This driver does not support creating temporary URLs. If I include the invalid type in preview_mimes, it works (i.e., it fails validation). But it is not practical to include every possible invalid type in preview_mimes in order to invalidate them without an ErrorException, right?

I get similar error if i try to upload anything else than an image. Is there an way to remove the unwanted files before trying to render them?

E: Looking at the TemporaryUploadedFile class i guess it’s possible

@adddz temporary files also have validation, have a look at the global validation in the docs https://laravel-livewire.com/docs/2.x/file-uploads#global-validation

Hope this helps!

Hi Josh thanks for pointing that out. I’ve already set those but Livewire still uploads the file first, then checks the validation rules. Is this how it’s supposed to act? I am expecting the rules to be checked before the upload of the temporary files, in this way if I’m uploading a 15MB file or an invalid file format, I don’t have to wait for the upload to finish before seeing the error. Makes sense?

Happy Holidays!

@adddz temporary files also have validation, have a look at the global validation in the docs https://laravel-livewire.com/docs/2.x/file-uploads#global-validation

Hope this helps!

yeah, I think this is a userland issue. You can consitionally render ->temporaryUrl() if a file type is not renderable. You can also expand on what temporaryUrl supports in the config.

Closing thanks!

For a userland issue this seems to effect a lot of users…

Mine broke when livewire updated. A clear fix would be greatly appreciated.

Same issue here having issue uploading zip doc docx xls xsv etc.

yeah, I think this is a userland issue. You can consitionally render ->temporaryUrl() if a file type is not renderable. You can also expand on what temporaryUrl supports in the config.

Closing thanks!

Please provide workaround sample if possible.