Dropzone / Image Upload - Admin

Overview & background

This is a 2 part/function project based upon some characteristics of datatables editor and jquery file upload (database enabled). I'm decent with php/mysql but not so much with javascript. I need some help to finish the project.

See: [login to view URL]

I have messed with it enabling the mysql database. However it has some limitations:

1) As you upload many images the page can get extremely long and load slowly.

2) Other than by filename, there is no sorting mechanism.

3) There is no filter either search or dropdown type meaning it is challenging to locate images even if categorized.

I also like DataTables Editor.

[login to view URL]

It is not designed as a versatile image uploader but has some nice editor features.

1) Sorting and row reordering

2) Pop-up editor

Project Goal

The goal is to take an uploader like [login to view URL] and adapt/configure it so it stores uploaded files in a mysql table and secondly to set up a popup editor so that you can edit image properties including titles, descriptions and categories, publish state. I have a sample image editing script.

See my demo at: [login to view URL] .

The only part working in the demo is using ajax to load images when selecting a category.

Admin page structure:

Drag/drag box at the top of the page. Can upload one to many images (many not vital) and probably configure an upper limit for size and some error messages. Output will be a square thumb, a single 800x800 image, and the uploaded image. They all get stored in separate subfolders perhaps

/images/uploads/thumbs (120x120)


/images/uploads (originals)

Displaying upload progress would be good. My preference for filenames is to rename all images upon upload to something like $datetime.$suffix - so yyyymmddhhmmssms.jpg. If adding milliseconds is not enough to ensure uniqueness upon upload then something incremental. Basic image info will go into the database:

id: 123

basename: yyyymmddhhmmssms or yyyy-mm-dd-hh-mm-ss-ms (or an increment in place of ms)

suffix: jpg[png,gif,jpeg]

uploaded_name: original image name (but stripped of special characters)

There should also be some error checking to ensure that malicious files cannot be uploaded as images. Once images are uploaded 120x120 thumbs will appear on the same page (something like Dropzone or jquery file upload) in an unprocessed image div. I have ImageMagick/convert code for resized images/thumbs.

Image editor

With each image, whether categorized or not you should be able to delete or edit the image in a popup editor like datatables. I have some php image editing scripts for parameters like title, description, tags, category, publish, etc. The textarea for description - it should be simple yet would be a plus to add some really basic formatting functions like inserting a link, bold, justification. See Summernote for simple.

After you edit an image and add it to a category the image will no longer display in the Unprocessed images section.

Processed images

Processed images will now be available to display in the category div when you click on the Category function and with the same popup editor.

Delete - when clicking to delete an image it will be dropped from the database and all variations of the image will get deleted. It should go away visually.

Drag/drop image reordering - a bonus.

Test the demo by clicking on categories. This could be smoother. Either a double-click on a category name should close it or clicking on a different category should close the one that is opened. The switch category function needs to be converted to a loop or maybe a variable to go through the categories (which will be stored in mysql) so that the #Results div is unique for each.

Taidot: HTML5, Javascript, MySQL, PHP

Näytä lisää: dropzone styling, dropzone example, dropzone js tutorial, dropzone preview template, dropzone jquery example, dropzone template example, dropzone themes, dropzone js bootstrap, php image upload admin, single image upload admin, magento admin image upload, php multiple image upload rename resize, simple image upload resize rename php, image upload script admin panel, image upload rename, joomla image upload admin, image upload script admin panel data base, image upload admin, image upload admin section php, image upload rename php

Tietoa työnantajasta:
( 13 arvostelua ) Erie, United States

Projektin tunnus: #17964359

Myönnetty käyttäjälle:


Hello, I went through the description and understand what you are looking for. I am well experienced in Javascript. Like you want I can code a single page Javascript that will upload images to server along with Lisää

$150 USD 4 päivässä
(145 Arvostelua)

20 freelanceria on tarjonnut keskimäärin 145$ tähän työhön


Hi, Sir. I have read your project description carefully and I have great interest in your job as I feel confident I can deliver what you want. I am a senior web developer with more than 3 years of experience. Here a Lisää

$150 USD 10 päivässä
(93 arvostelua)

⭐⭐⭐⭐ i will finish your project very quickly. ⭐⭐⭐⭐⭐⭐ I read through the job details extremely carefully and I am absolutely sure that I can do the project very well. * 4+ years experience in web design and developm Lisää

$150 USD 10 päivässä
(143 arvostelua)

Hello, Yes, I am ready to do your image upload system. I have 7 yrs exp as web developer. I am ready to start immediately. Regards Rais

$150 USD 3 päivässä
(223 arvostelua)

Hello mate, I checked requirement and i think this is you need: + you need some help to finish the project. I have ability to do this project: HTML5,PHP, Javascript, MySQL I always: -Do project fast as poss Lisää

$140 USD 3 päivässä
(70 arvostelua)

Hello, Hope you will be doing well!! Given my background in Website solutions and talent for creating aesthetically pleasing and highly functional website, this project can be deliver in given time and in one Lisää

$150 USD 8 päivässä
(119 arvostelua)

Hi There, I am a professional PHP developer with an experience of more than 6 years in creating and customizing PHP based websites, themes and plugins/modules. I have been working with MVC architecture using CodeIgn Lisää

$138 USD 10 päivässä
(32 arvostelua)

Hello Dear, Greetings from DevsZone. We are a popular software company in Bangladesh. We want to develop your system. We will reduce image upload time and other problems. Hope you will get the best work from us. W Lisää

$138 USD 10 päivässä
(9 arvostelua)

Hello, Marium here, I am a professional php Developer working for more than 5 years in the relevant field. I have read your proposal and it seems interesting to work on. Already worked on similar project and it will Lisää

$100 USD 3 päivässä
(7 arvostelua)

hi I have an experience in drop zone upload using php I'm confident to finish this job as early as posibe

$166 USD 1 päivässä
(7 arvostelua)

Hi .. i will fix your dropzone issues. i understand you are having issues uploading images using dropzone.. contact me i will fix it for you

$138 USD 3 päivässä
(6 arvostelua)

I have 8 years experience in Software development and I do have 4 years experience in Angular,Ionic,Reactjs GCP,AWS,IHP,[login to view URL] feel free to contact me,I will help you according to your needs

$138 USD 10 päivässä
(2 arvostelua)

Hello, I am a web developer with over 5 years of experience in building websites. With all my expirieance I can offer you a website with a professional admin section - dynamic site that can be edited by anyone. The si Lisää

$150 USD 10 päivässä
(0 arvostelua)

I did image uploading functionalities. I will be pleased to work with you. I will definitely provide the best results. Thanks and Regards

$138 USD 7 päivässä
(0 arvostelua)

Have implemented the same features on my own projects yet. Ready to start work in shortest time :)

$130 USD 10 päivässä
(0 arvostelua)

[login to view URL] [login to view URL] [login to view URL]

$138 USD 10 päivässä
(0 arvostelua)

from idea to successful production, I will take care for you. My first goal is client's satisfaction. Please give me a chance to proof my ability. Working with me, you have no need to find a developer more, I will b Lisää

$144 USD 10 päivässä
(0 arvostelua)

I'm ready to start on this immediately! I read your post and understand most of what you want to do. One thing that I'm not clear on, is what kind of login/register system is in place or would need to be added? For Lisää

$222 USD 3 päivässä
(0 arvostelua)
$138 USD 7 päivässä
(0 arvostelua)

Hiring me will make your life easier and make you look smart as am an experienced web developer and can work according to your requirements.

$133 USD 7 päivässä
(0 arvostelua)