Jquery Drag And Drop Images

jQuery Drag and Drop Image Upload by Eric on February 1, 2020

As we continue to push forward on development our users have asked for a robust way of dragging and dropping images and linking them to a work order.  I was putting this off for a while because I thought it would be a pretty difficult task but after a few Google searches I found a great jQuery plugin from blueimp called jQuery-File-Upload.  Take a look at their demo and check out how awesome it is.  We didn't need any of the fancy bells and whistles that came with the Basic Plus UI so this tutorial focuses on just the Basic but you can scale yours how you'd like.  The tutorial will also focus on getting it to work and save to a MySQL database through Django. To start off let's get the drag and drop area set up on our page.  To do that you'll need to add these things to your HTML template, Django tags are added because that is what we are using to render the page.image_upload.html{% block css %} <!-- jQuery Upload Files --> <link rel="stylesheet" href="{% static 'jQuery-File...