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.

Habilidades: HTML5, Javascript, MySQL, PHP

Ver más: 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

Información del empleador:
( 4 comentarios ) Erie, United States

Nº del proyecto: #17964359

Adjudicado a:


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 Más

$150 USD en 4 días
(145 comentarios)

24 freelancers están ofertando el promedio de $153 para este trabajo


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 Más

$150 USD en 10 días
(62 comentarios)

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 en 3 días
(207 comentarios)

⭐⭐⭐⭐ 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 Más

$150 USD en 10 días
(78 comentarios)

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 Más

$140 USD en 3 días
(51 comentarios)

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 Más

$150 USD en 8 días
(93 comentarios)

Hi Dear. I understood your requirement. I can implement it for max 3days. I am confident to your project. I can start work now. Please hire me. I will do best work for your project. Thank you for read me. R Más

$300 USD en 3 días
(46 comentarios)

Hello, employer. I am Li G from China. Your project is very suitable for me. I am very interested in your serious project. I am senior web developer who have good experience 8+ years until now. As a dedicated full Más

$138 USD en 10 días
(25 comentarios)

Hello, Dear! I'm Dmitrii, an expert of web development. I have rich experience on javascript, php, html and manage of db. I have read you description and now I'm ready to start your work. I hope to discuss with you Más

$222 USD en 10 días
(34 comentarios)

dear I checked your post carefully. I can do that perfectly. Please contact me and discuss more thanks.

$100 USD en 5 días
(27 comentarios)

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 Más

$138 USD en 10 días
(8 comentarios)

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 Más

$138 USD en 10 días
(17 comentarios)

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

$166 USD en 1 día
(7 comentarios)

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 Más

$100 USD en 3 días
(7 comentarios)

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 en 3 días
(5 comentarios)

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 en 10 días
(2 comentarios)

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

$130 USD en 10 días
(0 comentarios)

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 en 7 días
(0 comentarios)

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

$138 USD en 10 días
(0 comentarios)

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 Más

$144 USD en 10 días
(0 comentarios)

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 Más

$222 USD en 3 días
(0 comentarios)