What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
How can I allow people to edit their photo when they upload it to my form?Asked by marwah2 on August 09, 2014 at 09:07 PM
I'm trying to have people make their own custom gift cards and I want them to be able to edit the photo. All I need is for them to be able to move it around in a square and be able to resize it. After they're done and they submit the form, I want the original picture that they uploaded sent to me and the final picture after they edited it sent to me. Is any of this possible or maybe in a different way? It'll be on my site so I can add some separate HTML if I need to.. thanks!
The user who uploaded the photo will need to have access to the uploaded file/photo for them to be able to edit the photo.
So, they cannot really do it within the form as the form does not have its own image editor.
Check this process if it achieves what you wanted to do.
Add 2 upload field in your form.
Mention that the 1st upload field will be use for initial upload of photo.
1. In your form where there is an upload field to upload the photo, add an Autoresponder Email
Follow this user guide -Creating-a-Form-Autoresponder
2. Add the Edit Link in the Autoresponder email.
Follow this user guide -How-to-Let-Users-Update-Their-Form-Submissions-at-a-Later-Date
3. Since there is an Autoresponder email on the form, the form respondent should be able to received confirmation email to the email address they provided in the Email field.
The email message will contain the link to the image (uploaded photo).
The user then can use the link to the original uploaded photo to download the photo and edit it on their end.
4. Since the form also have an Edit Link, it allows the form users to re-edit the submission.
5. Before the user re-submit the form, allow them to update the submission by uploading the edited/updated photo using the 2nd upload field.
This process will give you 2 version of the uploaded photo (original and edited by user)
Hope this help. Tell us if you need further assistance on this.
Okay, thank you. I was hoping though that I would be able to make it a simpler process. Do you if there are any programs or ways to do it in a simpler process. The goal for it to be simple, easy, and quick. I can work with API's or any other suggestions you may have.. I was searching for similar stuff, and I was hoping for something sort of like this:
Sorry but the page you shared with us is not available. (Sorry, the page you requested could not be found.)
Unfortunately, we do not have any other solutions/workaround other than uploading and re-uploading the edited photo using the edit submissions URL.
Im also in need of this feature...
I need an 'upload image' option and the ability to resize/move the image. I have created a HTML5 Canvas with this and other features but have no idea how to implement the canvas to a jotform...
Unfortunately any resizing or editing of images needs to be done before uploading the image to a jotform. You can however use a Text(HTML) field to add HTML to your form:
However this will only allow for HTML. Any scripting will automatically be stripped out of the code.
If you have any further questions, please open a new thread so that we may address them separately.