How to Display existing files on Server in Dropzone – PHP

Dropzone library makes it easier to implement file upload using drag and drop on the page.

After file uploading, it shows the preview of the file in the upload area.

All the thumbnails are removed when the webpage is getting refreshed.

To recreate the thumbnails after page refresh needs to send AJAX request to get all files list for adding thumbnails while initializing Dropzone.

In this tutorial, I show how you can display existing files stored on the server in the Dropzone file area with jQuery AJAX.

How to Display existing files on Server in Dropzone - PHP

Read more

How to Reorder Images and Save to MySQL with jQuery AJAX

jQuery UI sortable enables users to reorder HTML elements effortlessly through simple drag and drop actions.

With jQuery UI Sortable, users gets the ability to adjust the positions of images, this enhanc the visual layout and customization options on your webpage.

In this tutorial, I show how you can save the sorted image list order in the MySQL database and read it.

How to Reorder Images and Save to MySQL with jQuery AJAX

Read more