Comments (8)
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!
from croppie.
Actually, it is not clear what is the minimal HTML to use for a single example. Your demo contains a lot of extra stuff.
from croppie.
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
#38.
from croppie.
from croppie.
I agreed with hrlwfres.
from croppie.
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.
from croppie.
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??
from croppie.
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 :)
from croppie.
Related Issues (20)
- There aren't transform and transform-origin styles
- After cropping the result is 1/4 selected area HOT 1
- Crop image stretched
- Uncaught ReferenceError: opts is not defined
- update? HOT 4
- Croppie Slider not working properly
- Doesn't show results
- Square Preset of 1:1 or any other should be able to resized proportionally when trying to drag the grid control point.
- Is it possible to preload an image into the preview? HOT 1
- Can croppie be updated to support heic files? HOT 2
- action after image crop complete HOT 1
- size: "original" not being honoured in result method call HOT 1
- can we use croppie for multiple image crop in one page?
- It shows depricated APIs after updating flutter HOT 1
- Result size{width:n, height:n} not working HOT 2
- Zooming out indefinetly
- when croppie is bound to an element zoom starts really big, I want the image to be scaled to the boundary element HOT 2
- Croppie js switch between portait and landscape mode HOT 2
- Canvas images are displayed large HOT 2
- rebind the viewport and boundary on button click
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from croppie.