Uploaded file real name not working

[henryavila]

Hi, first of all, thanks for the great plugin, it's helping me a lot.

A problem I'm facing is that I need to save the original file name and it size.
The problem is that the plugin manually set uploaded_file.jpg to original Name.
I can confirm that this happens just with this plugin. The native ImageField works great.

In file PicturePicker.vue I found:

// The default value been set
69: originalName: 'uploaded_file.jpg',

...

// The originalName is been replaced, but for some reason it's not working.
119: this.originalName = file.name

[michapixel]

Can confirm.

[michapixel]

You need to use:

->preview(function () {
                    if (!$this->value) return null;

                    $url = Storage::disk($this->disk)->url($this->value);
                    $filetype = pathinfo($url)['extension'];
                    return 'data:image/' . $filetype . ';base64,' . base64_encode(file_get_contents($url));
                })

Otherwise use your own logic.

[michapixel]

What i'm using now:

->preview(function ($value, $disk) {
        return $value ? Storage::disk($disk)->url($value)  : null;
})
->storeAs(function (Request $request) {
        $filename = $request['slug'];
        $path_parts = pathinfo( $request['product_image']->getClientOriginalName() );
        $filename .= '.' .$path_parts['extension'];
        return $filename;
})

That way the uploaded file/image always gets a unique name (since the slug is unique in my model).

[henryavila]

Hi @michapixel, thanks for reply.

The problem is not with the file name in storage. The problem is with the original filename uploaded.

I save in DB the original filename uploaded to allow the user download the file with the same name (instead of the random name saved in storage).