Uppy VS jQuery-File-Upload

Look at https://uppy.io/ open source and lot of integrations. You can keep moving to different levels of abstraction as required and see some good practices of how things are done.

I just found uppy. This will be the next one I use. https://uppy.io/

I’m building a photo sharing website and want to make it incredibly easy to upload photos. Of course I could just utilize AWS official packages but that’s pretty bare bones. I could also use next-s3-upload which is purpose built for Next and simplifies some things but is still fairly basic. But then there’s things like uppy that provides everything you’d ever need in an uploaded (third party sources, camera, etc.) that would be nice to haves, but apparently doesn’t play well with Next without a separate Node server.

Media file uploads with the Uppy JavaScript uploader plugin

Check out Uppy and Uppy Companion: https://github.com/transloadit/uppy/

I would look at Uppy.js, I've used it in an enterprise application and it works super well, makes it super easy to do what you're trying to achieve with progress bars for each file.

I started to try out https://uppy.io/ but their lack of good documentation makes my life a bit difficult. However, uppy seems to be the only available solution out there in the React land (i dont want to implement it by myself).

🔀 Repositório no GitHub

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