filepond VS jQuery-File-Upload

FilePond: Simplify file uploads with FilePond

Have a look at https://pqina.nl/filepond/

Just looking at the docs for react-dropzone, they recommend Filepond for something similar to what you're looking for.

Just two example libraries: FilePond, DropZone

I've had this problem for a while. I'm using filepond on the frontend for uploading files, and I've followed their setup documentation, but I cannot for the life of me get it to work. I'm using django-drf-filepond as the backend for my FilePond uploads, but I keep getting `Bad Request: /uploads/process/` errors. My FilePond configuration is

GitHub - pqina/filepond: 🌊 A flexible and fun JavaScript file upload library

This works as intended if the form does not invoke filepond.

class NehnutelnostUploadImagesView(LoginRequiredMixin, ExclusiveMaklerDetailView, DetailView): template_name = "nehnutelnosti/nehnutelnost\_image\_upload.html" model = Nehnutelnost def post(self, request, *args, **kwargs): self.object = self.get_object() form = ImageUploadForm(self.request.POST, self.request.FILES, nehnutelnost=self.object) if form.is_valid(): nehnutelnost_image = form.save() images_count = self.object.images.count() data = {'is\_valid': True, 'row\_html': image_row_renderer(nehnutelnost_image, self.request), 'name': nehnutelnost_image.image.name, 'url': nehnutelnost_image.image.url,} else: images_count = self.object.images.count() data = {'is\_valid': False, 'errors': form.errors, 'images\_count': images_count} return JsonResponse(data) def get\_context\_data(self, **kwargs): context = super(NehnutelnostUploadImagesView, self).get_context_data(**kwargs) context['images'] = self.object.images.all() context['podorys'] = self.object.podorys return context We use https://github.com/blueimp/jQuery-File-Upload plugin to upload images.

Have been wrecking my nerves trying to use BlueImp JQuery-file-upload plugin. The error messages are cryptic and have been unsuccessful getting any useful help from google.

Here is the setup guide I found but I have no basic knowledge on how to setup this.

I will be using jQuery-File-Upload. maxFileSize might be for that, but it seems only client side, which also means user can bypass the limit and spam big files into my server.

Website/demo: http://blueimp.github.io/jQuery-File-Upload/ The last update: December 2020 Compatibility with Bootstrap versions: Bootstrap v.3 and higher Documentation: yes, how to set up, features description, browser compatibility Developers team support: yes, via GitHub issues page and Stack Overflow page Rating: 31k on GitHub Dependencies: jQuery v1.7+, jQuery UI widget factory v1.9+, jQuery Iframe Transport