Hi,
I was testing out this package and I discovered that the wire:model attribute does not work.
The attribute is hard-coded in the view and cannot be changed dynamically. The blog post which demonstrates the input does not work.

Is there any workaround for this?

Best regards

Update:
Nvm, I found a solution. I did not recognize that the type is an array.

Fresh install, using the example codes provided in README and I'm getting this error

<livewire:dropzone
        wire:model="banners"
        :rules="['image','mimes:png,jpeg','max:10420']"
        :multiple="true" />

PHP 8.1.3
laravel 10.19.0
Class "Illuminate\Support\Number" not found

if (! $isNotTmpFilename) {
    unlink($file['path']);
}

This writing probably does not work as intended if you are setting up a temporary to S3 directly because the Storage::disk path takes precedence.
[https://livewire.laravel.com/docs/uploads#uploading-directly-to-amazon-s3]

(I use DeepL)

Just added to component to a blade file and received an error:

Cannot assign null to property Dasundev\LivewireDropzone\Http\Livewire\Dropzone::$files of type array

This is a really straightforward issue. We have multiple livewire dropzone components on the same page. Even with "wire:key" the Alpine dropzone javascript does not dispatch the correct "{uuid}" event like with "fileRemoved".

This can easily be fix like so

Then the correct event can be dispatched like so

Such a minor change that it doesn't really call for a pull request. This is just what I did after publishing the blade file to get this to work for my use case. Setting uuid as a parameter to take in uniquely identifies the Alpine such that the right event gets dispatched. I feel like there is no downside to doing it this way and just gives people the option to add multiple livewire dropzone components on a single page. I need it for forms that are under different tabs on a page.

Hey there,
thx for that great component, love using it.

JFYI, since one of the latest versions uve got a misssing comma in the alpine data in the view file ( line 5 )

Have a nice day,
gerhard

When using the package on local host the thumbnail appears, but when uploading the package to production the same gives an error in the link, can you help me with this?

I was wondering if someone could improve the dropzone UI.

How can we auto start an upload on drop event?

Hey there,

Nice repo! I gave it a try and hit a snag similar to #17 :

Not sure what Number helper class is used here but it's probably an easy fix by adding its namespace in there.

• PHP Version 8.1
• Laravel Version 10.32.1

if I want to load more than 4 files simultaneously it gives me this error:

VM9528:1 Uncaught SyntaxError: Unexpected token '<', "

"... is not valid JSON
at JSON.parse ()
at XMLHttpRequest. (livewire.js?id=5d8beb2e:566:62)

Hello,

I have a small problem. When submitting the form, the message flash is not displayed.

Here is the code:

ImagesForm.php

class ImagesForm extends Component
{
    use WithFileUploads;

    public $images = [];

    public function save()
    {
        foreach ($this->images as $image) {
            Storage::putFile('upload', new File($image['path']));
        }

        return redirect()->route('images.create')->with('status', __('Created successfully.'));
    }

    public function render()
    {
        return view('livewire.images-form');
    }
}

images-form.blade.php

<div class="submit-address">
    @if (session('status'))
        <div class="p-2 mb-2 bg-success text-white rounded">
            {{ session('status') }}
        </div>
    @endif
    <form wire:submit="save">
           <livewire:dropzone
                wire:model="images"
                :rules="['image', 'mimes:png,jpeg,jpg', 'max:51200']"
                :multiple="true"
            />
    </form>
</div>

ImageCreate.blade.php

<div class="container">
    <div class="my-address">
        <div class="row">
            <div class="col-md-12">
                 <livewire:images-form />
             </div>
         </div>
    </div>
</div>

I hope there is bootstrap UI for this. Thank you!