Завершено

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/800x800

/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.

Квалификация: HTML5, Javascript, MySQL, PHP

Показать больше 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

О работодателе:
( 2 отзыв(-а, -ов) ) Erie, United States

ID проекта: #17964359

Поручен:

Vayne

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 Больше

$150 USD за 4 дней(-я)
(143 отзывов(-а))
7.2

25 фрилансеров(-а) в среднем готовы выполнить эту работу за $150

idragon712

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 Больше

$150 USD за 10 дней(-я)
(60 отзывов(-а))
7.5
raisdhaka

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 дней(-я)
(205 отзывов(-а))
6.9
bengalTIGER1106

⭐⭐⭐⭐ 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 Больше

$150 USD за 10 дней(-я)
(67 отзывов(-а))
6.3
MyAwesomeTeam

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 Больше

$140 USD за 3 дней(-я)
(48 отзывов(-а))
5.9
sharmarahulraman

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 Больше

$150 USD за 8 дней(-я)
(89 отзывов(-а))
6.2
Grisha97924

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 Больше

$300 USD за 3 дней(-я)
(40 отзывов(-а))
5.3
stead121

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 Больше

$138 USD за 10 дней(-я)
(19 отзывов(-а))
5.3
greenforest0204

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 Больше

$222 USD за 10 дней(-я)
(31 отзывов(-а))
5.2
dzheng0206

Dear I have gone through your requirement in details. I am PHP expert having great experience in Ajax, JAVASCRIPT, CSS, Jquery, Html. And I am confident to provide an innovative result with my skills and dedication Больше

$100 USD за 3 дней(-я)
(21 отзывов(-а))
4.6
DevsZoneltd

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 Больше

$138 USD за 10 дней(-я)
(8 отзывов(-а))
4.7
brightstar928

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

$100 USD за 5 дней(-я)
(17 отзывов(-а))
3.8
software4587

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 Больше

$138 USD за 10 дней(-я)
(17 отзывов(-а))
3.8
ranzhie07

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 день
(7 отзывов(-а))
3.1
Jeni92

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 дней(-я)
(5 отзывов(-а))
2.4
mariamemmad

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 Больше

$100 USD за 3 дней(-я)
(1 отзыв)
1.2
manjunathasha88

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 дней(-я)
(1 отзыв)
0.6
DEFIGHTER

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

$130 USD за 10 дней(-я)
(0 отзывов(-а))
0.0
vengs

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 дней(-я)
(0 отзывов(-а))
0.0
sumansingh7063

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

$138 USD за 10 дней(-я)
(0 отзывов(-а))
0.0
Codebox0

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 Больше

$144 USD за 10 дней(-я)
(0 отзывов(-а))
0.0