looking for filepond expert
Budget: $10 – $30 USD
I'm using filepond with Alpine and Filepond in my livewire project, and I need an expert person to guide me on how to fetch images from the database.
my code for storing images looks like the below code:
<fieldset wire:ignore>
<legend class="">Media</legend>
<div x-data x-init="
FilePond.registerPlugin(FilePondPluginImageCrop,FilePondPluginImagePreview);
FilePond.setOptions(
{
server: {
process: (fieldName, file, metadata, load, error, progress, abort, transfer, options,onprogress) => {
@this.upload('media',file,load,error,onprogress= (e)=>{
}),
document.addEventListener('FilePond:addfilestart', (e) => {
console.log(e)
});
},
revert: (fieldName, load, error) => {
@this.removeUpload('media',fieldName,load)
},
},
}
);
FilePond.create($refs.input);">
<input type="file" x-ref="input" class="filepond" name="fileprotfolio"
id="fieldset" multiple allowImageCrop='true'
data-max-file-size="3MB" data-max-files="3">
</div>
</fieldset>
my code for storing images looks like the below code:
<fieldset wire:ignore>
<legend class="">Media</legend>
<div x-data x-init="
FilePond.registerPlugin(FilePondPluginImageCrop,FilePondPluginImagePreview);
FilePond.setOptions(
{
server: {
process: (fieldName, file, metadata, load, error, progress, abort, transfer, options,onprogress) => {
@this.upload('media',file,load,error,onprogress= (e)=>{
}),
document.addEventListener('FilePond:addfilestart', (e) => {
console.log(e)
});
},
revert: (fieldName, load, error) => {
@this.removeUpload('media',fieldName,load)
},
},
}
);
FilePond.create($refs.input);">
<input type="file" x-ref="input" class="filepond" name="fileprotfolio"
id="fieldset" multiple allowImageCrop='true'
data-max-file-size="3MB" data-max-files="3">
</div>
</fieldset>