Dropzone field Cloudflare images

[Tuoww]

Hi quick question,

I am trying to implement the use of Cloudflare Images into my application, I am using backpack with the dropzone field as the image upload mechanism. Now I fixed the upload by using an old package to create a laravel filesystem, but because the getting of the images is a bit different from what is normal in backpack I can't make that work right now. It uses a link with a unique id for every image which you get returned when uploading the image. But default backpack it uses the image filename with 4 characters appended to it.

I was wondering if you guys have ever used Cloudflare Images and/or maybe have tips on how to fix this problem.
Thanks in advance

[pxpm]

Hey @Tuoww isn't Cloudflare Images similar/compatible with s3 ?

We will need a bit more info here, and maybe some debug information would also help.

Run php artisan backpack:version and let me know what software version you are using.

It would also help to know your dropzone field definition, your disk definition and any customization your are doing to uploads.

Uploaders use the Laravel Filesystem under the hood, so it should upload and retrieve the files seamless. We may have a bug, but I have no information on how to proceed here.

Let me know more details so that I can try to help you. 🙏

Cheers

[Tuoww]

Any idea on how to accomplish this?

[pxpm]

Hey @Tuoww sorry for my absence here.

I have never worked with that, and was not able to do any kind of progress on this issue.
So what I suggest is that you go along with a custom uploader for now or even don't use our uploaders at all.

If you still want to use "some" of the uploaders functionality, you can set the uploader inside your withFiles configuration to use your own class, and write your save/retrieve functions. https://backpackforlaravel.com/docs/6.x/crud-uploaders#configuring-the-uploaders

I am sorry I can't be much more help here, if someday I stumble on something similar I will remember to check it here but for now I have nothing that would help you. 😞

Let me know if you find something that would help others in the same situation, maybe make a cloudflare-uploader package that you and other could use 🤷

Cheers

[Tuoww]

Thanks for your suggestion, I'll look into the uploader is there an example or some more documentation for the UploaderInterface? Does this like overwrite the filesystem upload mechanism for example? If so I could use it.

[pxpm]

The uploaders are just "events", let's say. They don't overwrite nothing, they are just called at some points in your application life-cycle, do they business and move on. Those points are: saving, retrieved and if you configured deleted.

Have an example of our image uploader https://github.com/Laravel-Backpack/CRUD/blob/main/src/app/Library/Uploaders/SingleBase64Image.php

There is not much docs, but you can overwrite pretty much all the uploader methods to suite your needs.

Let me just alert you to the fact that there is a PR in progress with major changes to Uploaders architecture, so overwritting it now may not be the best solution. Laravel-Backpack/CRUD#5440 .

Maybe just overwrite the save/update operations in your controller, and deal with it manually without relying on uploaders for now. https://backpackforlaravel.com/docs/6.x/crud-operation-update#override-the-update-method

The rewrite will also make the uploaders more extensible (at the moment they are a little bit locked), so it may even help you in your quest to develop a CloudFlare Image uploader.

Cheers

[Tuoww]

Oh thanks for your tips, I was able to create the upload and put the cloudflare id which i got back in the db. I am using the dropzone version of the upload, but when trying to edit, the photos keep getting prepended with http://localhost:8000/storage/ and after this is the correct url. How can I make sure that it does not show the localhost part but only my url?