Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 61
  • Last Modified:

Wordpress type image upload

I am not using Wordpress for my current project but when I have used it before I really liked the way it uploads images and manages the uploads. Is there anything similar for download that you can "plug in" to php?

I liked this but there is no ability to delete the image once uploaded:

http://www.dropzonejs.com/
0
Black Sulfur
Asked:
Black Sulfur
  • 5
  • 3
  • 2
2 Solutions
 
Ray PaseurCommented:
This expert suggested creating a Gigs project.
I set up a demonstration of DropZone.js and found that it worked just fine, as far as it goes.  It just lets you drag-and-drop images, and it triggers an upload script.  Poof, the image arrives on your server.  The ability to download or delete an image from the server is a whole different application.  Here are some of the questions that would need programmatic answers for such an application to be viable.

1. Who is allowed to delete images?  
2. How will they be authenticated?
3. Should there be an "un-delete" function?
4. Who is allowed to download images (authentication again)?
5. Will uploaded images have a public-facing URL?

Executive summary: This might be a good one for E-E Gigs.
0
 
Black SulfurAuthor Commented:
Thanks, Ray

What I meant about deleting is that in Wordpress you can select a featured image by either uploading or selecting from your library. Then if you aren't satisfied you can just click to remove that image.

With drop zone you can upload the image and it shows you the image. But if I change my mind there is no option to remove it and choose another one.

Something like this:

https://blueimp.github.io/jQuery-File-Upload/

But I am struggling to customize it.
0
 
Black SulfurAuthor Commented:
To answer your questions:

1. Only the site administrator can upload images
2. They will log into their dashboard/admin area to perform uploads when adding a product
3. Not concerned about an undelete function
4. The images aren't really for download, just to display with the product details
5. I am not too sure what this means?
0
The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

 
Ray PaseurCommented:
This expert suggested creating a Gigs project.
#5 seems to be answered by #4.  If they are to display product details, you'll want to be able to create HTML <img> tags.  These tags contain a URL in the src= attribute.

Have you tried using dropzone to overwrite images?  If it will overwrite images (and I think it will, depending on the PHP script that is used for file uploads) you might be able to have a "no image available" PNG file or something like that to overwrite the images you want to remove.

I'm asking this because server-side image management is not a question with an answer - it's a project that would be customized in the context of your application.  I still think this is a good place to look to E-E Gigs for some hands-on help.  You can get an explanation of the design strategies from the expert you hire for the gig.
0
 
Black SulfurAuthor Commented:
I would be open to the idea of hiring an expert. But the only problem is that I don't have much of a budget and what I am asking for is probably not going to come cheap.

I basically want a wordpress "clone" with regards to how it works on the front end for uploading images and allowing you to enter alt tags and set a featured image and choose more images per product. I don't know what it's doing on the backend though.
0
 
Julian HansenCommented:
Dropzone is a good option - handling the delete aspect is relatively straight forward.

You should be able to do this with a bit of coaching. There should be a few samples out there using Dropzone and PHP that can get you started.

An image gallery is a fairly straight forward bit of code. You have a loop that builds a list of images (either from a database or from the file system). This can be a simple <ul> list with links bound to jQuery event handlers (Are you sure you want to delete this image) - AJAX call back to server with image ref. PHP code removes the image and sends back the updated list.

If I were you given the inroads you appear to have made - jump in the deep end and give it a go.
0
 
Black SulfurAuthor Commented:
Perhaps I should just spend some more time with this:

https://blueimp.github.io/jQuery-File-Upload/

It has the delete function right out of the box, well to delete the file anyway. There are additional steps to make this talk to the database.

@Julian, you make it sound so easy! :)

To be honest, this uploading files and trying to store in database and trying to integrate with adding of a product is melting my brain. I think a good nights rest and trying again tomorrow will be better.

I am pretty sure I will have a lot of questions :P
0
 
Julian HansenCommented:
I have used both BlueImp and Dropzone - I prefer the latter.

As with anything in code - break it up into bits. Solve each bit on its own - the solution will follow.
0
 
Black SulfurAuthor Commented:
I think I am going to try as Julian has suggested and take it little bit by little bit. If end up tearing my hear out I might have to sell some stuff to try get an EE expert gig going.
0
 
Julian HansenCommented:
Good choice - you should find that after taking that initial step and getting in to it - you find your way.

Good luck with it.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 5
  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now