jQuery-File-Upload
sortablejs
Our great sponsors
jQuery-File-Upload | sortablejs | |
---|---|---|
6 | 25 | |
31,075 | 28,684 | |
- | 1.0% | |
5.1 | 6.0 | |
over 2 years ago | 13 days ago | |
PHP | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
jQuery-File-Upload
-
Django/Nginx - Error 403 Forbidden when serving media files over some size
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.
-
Upload File using ReactJS via BlueImp FileUpload jQuery plugin
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.
-
How to setup for jQuery-File-Upload? How to implement the upload handler?
Here is the setup guide I found but I have no basic knowledge on how to setup this.
-
Is it possible to properly limit file size when chunking upload?
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.
-
Top 24 Free Essential Plugins To Extend Bootstrap
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
-
Show HN: Run puppeteer scripts from the Browser, open DevTools on remote pages
And it's a high coincidence that we both released some sort of similar thing at the same time. I love the look of his puppeteer debugger console, his is much more polished that mine :)
Some things I noticed about https://chrome.browserless.io
- after using it for a bit the actual tab in my browser crashed with error "STATUS_BREAKPOINT"
- Does not work on Mobile, it loaded, and ran the script, but I couldn't type into the editor on my Android phone
- I tried to bork it with while(true) page.browser().newPage() it seemed OK
- I tried to bork it with a speedtest, it seemed OK
- No back buttons, so I needed to go to console to history.back()
- No paste into page, no right-click context menu
- Did not raise a pseudo-modal for remote page modal dialogs, I assume it silently closes them. I.e. https://infosimples.github.io/detect-headless/
- Fails (or passes, depending on your perspective) the "Are you Headless?" test at https://arh.antoinevastel.com/bots/areyouheadless
- Did not raise a pseudo-modal for remote page file chooser dialogs, I assume it silently closes them. I.e. https://blueimp.github.io/jQuery-File-Upload/
- Appears to close the browser every time you press the |> play button. I think that makes debugging fluid.
- Does not raise a pseudo-modal for remote page basic auth modal dialogs, it seems to silently close them. I.e https://jigsaw.w3.org/HTTP/Basic/ (at https://jigsaw.w3.org/HTTP/)
All in all I love how the DevTools window is integrated with the page, even tho it does eat up screen real-estate, it's ok. I also love how product-focused Joel is and how the provided scripts are really laser focused on the use cases of his customers. That's what I think is Joel's biggest strength, how much of a good businessman he is, how focussed on his customers he is, and how he delivers that value for them. That's also what I think is my biggest weakness. Compared to how he's building products and features, I'm like wandering around in the dark shining my flashlight on whatever looks interesting to me. I'm not so honed and focused and that's to my detriment, I think. Design is another weakness I have. But we shall see how things go!
Maybe I'll catch up to him. Maybe I'll overtake him! But I'm not sure that side of the business, "puppeteer automation at scale" is necessarily what I want to go into. We'll see what happens tho! :)
sortablejs
-
A feature-rich front-end drag-and-drop component library
We've been using SortableJS for years for similar functionality.
https://sortablejs.github.io/Sortable/
-
Multi-column drag and drop with SortableJS and Stimulus
Well, it worked. But only for one case: dragging stuff within only one column. You see, stimulus-sortable uses SortableJS under the hood, which is powerful.
-
Suggestions for a library that can resize/move panels on a grid-like basis? Like the AWS dashboard widgets.
Maybe: https://github.com/SortableJS/Sortable Can do this not sure.
-
Show HN: An open source visual editor for React
Well, there are obvious leading contenders like `https://sortablejs.github.io/Sortable/` and, within the `vue` space, `https://sortablejs.github.io/vue.draggable.next/`. Most of the stuff I looked at was unmaintained (lots not updated for vue3).
I really disliked the vuedraggable was handling nesting, and it's just a wrapper around a sortable. At the end of the day, my problem was simple enough that I didn't want a 500kb dependency. If you're wanting to do something like the OP but with nesting, I'd definitely start by looking at Sortable, though (maybe wrapping it the way you want).
- SortableJS: Library for reorderable drag-and-drop lists
-
Ruby on Rails #119 Trello Clone. Advanced Drag and Drop Sortable Lists with Hotwire
Have you looked into alternatives to SortableJS btw? It's a good library but it's also pretty big (43kb) based on https://github.com/SortableJS/Sortable/blob/master/Sortable.min.js.
- react sortable-js, two types of items and nested items
-
How to use Nodemailer with Cypress 10?
after(() => { cy.task('sendMail', 'This will be output to email address') .then(result => console.log(result)); }) //zadanie A it("navstiv stranku a vyhladaj a elementy v casti Framework Support", ()=>{ cy.visit('https://sortablejs.github.io/Sortable/#cloning')
-
Can anyone share an example of drag and drop content
Check out https://sortablejs.github.io/Sortable/
- How to create a Drag and Drop quiz like this?
What are some alternatives?
dropzone - Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
react-sortable-hoc - A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
filepond - 🌊 A flexible and fun JavaScript file upload library
HTML5Sortable - VanillaJS sortable lists and grids using native HTML5 drag and drop API.
Uppy - The next open source file uploader for web browsers :dog:
plupload - Plupload is JavaScript API for building file uploaders. It supports multiple file selection, file filtering, chunked upload, client side image downsizing and when necessary can fallback to alternative runtimes, like Flash and Silverlight.
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
fine-uploader
bootstrap-select - :rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.
flow.js - A JavaScript library providing multiple simultaneous, stable, fault-tolerant and resumable/restartable file uploads via the HTML5 File API.
Vue.Draggable - Vue drag-and-drop component based on Sortable.js