Croppie: Demo HTML missing

[nueverest]

Maybe it is obvious to everyone else, but it would be nice to see the HTML file in the demo directory. That would get me off to a quick start.

[thedustinsmith]

If you're talking about the html driving http://foliotek.Github.io/Croppie,
it's the index.html in the root of the project. If we moved it to the demo
folder, github pages wouldn't work without more effort.

On Tue, Dec 29, 2015, 10:08 AM nueverest [email protected] wrote:

Maybe it is obvious to everyone else, but it would be nice to see the HTML
file in the demo directory That would get me off to a quick start

—
Reply to this email directly or view it on GitHub
https://github.com/Foliotek/Croppie/issues/38.

[thedustinsmith]

here's the file

[hrlwfres]

Actually, it is not clear what is the minimal HTML to use for a single example. Your demo contains a lot of extra stuff.

[nueverest]

I agreed with hrlwfres.

[thedustinsmith]

I see what you're asking. Sorry, I misunderstood.

I'll add the minimum html & js that powers the top croppie before the Usage section. I can see how that large chunk of code would be distracting.

Sorry about the confusion.

[hrlwfres]

I gave it a try this morning :
TestCrop.zip

It is an "upload and crop" example. I added an input element wich collect the base64 data (for form upload purpose)

Congratulation on this tool btw!

[pray4snow2]

I added an input element wich collect the base64 data (for form upload purpose)

I thank you for your TestCrop.zip work. That helped me a lot. My only question is what to do with the result so I can upload it? I already have a php script to upload an image, but how do I use your input element to grab the result. Any suggestions hrlwfres??

[hrlwfres]

I am not sure to understand the question :)
You chose a file, then you crop it, then the base64 data is stored in the input element as a string.
Once you are here, when the form containing this input is submitted, you only have to decode the base64 string and store it on your server.

Image -> cropie -> base64 encode -> form validated, data send to server side -> base64 decode -> store on drive

I am not a PHP player so I can't help you with some chunk of code :)