545 comments found.
Hello, after some work I’ve finally solved that bug with iOS devices and image rotation. Even more – now it auto-rotates every picture according to the Exif Orientation. Long story short: In readImage function in img.onload it detects Exif Orientation, switch height & width (useWidth &useHeight also) if necessary and recalc the ratio, than on some hidden temporary canvas rotate the picture and return as Base64 to src.
Hi kucakuca, could you send me your findings to sander[at]stbeets.nl to let me have a look and see if i can incorporate this so that all people can enjoy these functionalities? Hope to hear from you
Hello, I am not able to show the popup properly in my installation. It works as an inline plugin but the modal popup just displays a small popup with standard upload function. please help! I can share the URL of my site privately.
yes please share url
Hi , When will the rotation property ?
Hi. I love the plug-in – it is super simple to use and very well documented using the examples you provided.
I just have one question that I can’t quite seem to figure out.
I’m using a FORM implementation. When users post the form, the image is processed correctly. However, if a user POSTS the form and a required text field is correct or doesn’t pass the validation, I return the form with the default values provided.
When I do that, I use data-image attribute to link to the image that was just submitted. However, upon resubmission, the form field is blanked out and the image is not re-submitted.
If I use data-editstart=”true” and force the user to recrop before submitting, everything works as expected.
Is there a way to force the data-image attribute to be the actual image value if no further modifications are made?
To make this question easier to follow, here’s a step-by-step example:
- Created a form with three fields, a title, description, and an image dropzone using the plug-in - Have a server-side check to ensure that the title value is not blank - If the form is submitted with a blank title, I return the user to the form with an error message, but pre-populating any values that were originally provided, to save the user from having to re-enter - When this scenario happens, I set the image that was created from the initial form post using data-image attribute on the dropzone. - After the user fixes the error and resubmits the form, the dropzone image is not passed along in the form post; instead, the value is nulled out.
Fantastic plugin! I have come across a small error though which I can’t seem to resolve.
On the odd occasion the dropzone doesn’t load and remains at the width of around 2-4mm wide on page load? is there a reason for this?
do you have other plugins on the webpage which might interfear with this plugin? Maybe the loading order of these plugins is sometimes of?
Hello i buy html 5 Upload Image but dont but it does not work on preview(http://codecanyon.net/item/html-5-upload-image-ratio-with-drag-and-drop/full_screen_preview/8712634). Code directly download afer buy => http://test5.cookianime.com/ - Lack i18next the files. - During the validation of the image not change the struts (ok -> edit) - No recording of the image, or any response in json or console - ... (Ohter ????)
(my goal of being an avatar system and / or cover image record in a database)
thank you
Best Regards, Alexandre ricard.alex@hotmail.fr
Hi, these is somethings going wrong with writen in the image on the server. When you submit the form, you see the warnings, those need to be fixed before it will be saved. Does the dir have write permissions? Does the user?
I want to have a default image saved or showing if the user has not dropped or selected an image, can you help with that please ?
Hi, set it as a backgruond image of the element, so the .html5imageupload element in CSS
Hi,
How to I setup the plugin that if the user has not put anything in the profile pic field then a default image must be shown ?
I want to have a default image saved if nothing has been dropped or selected.
Hello, thank you in advance. I bought your product and I can not make it work in .NET. I know that is not the language in which programs but need to know if and how in this environment. Thanks again.
I still hope to get an example for some customers but until now no luck… if you have a solution working, please share so other people can use it as well
Can you give help on using this within a .NET solution. It appears that when posting back, the image files are not saved or uploaded. At least, when I query the postback object in the request, nothing is there:
If (Context.Request.Files.Count > 0) Then
Dim files As HttpFileCollection = Context.Request.Files
Dim file As HttpPostedFile
Dim thisFilename As String
For Each thisFile As String In files
file = files(thisFile)
End If
thisFilename = file.FileName
thisFilename = Context.Server.MapPath("~/" & ConfigurationManager.AppSettings("ImgUploadPath")) & thisFilename
file.SaveAs(thisFilename)
Next
My form has 4 image upload inputs, all with the ’.dropzone’ class wrapped around each one.. ie:
<input type=”file” name=”topicImg1” runat=”server” id=”img1” />
All work with the cropping etc, but when submitting back to the server, all fields are zero content?
Cheers, STeve
Hi Steve, The plugin works in a way that the Context.Request.Files if not filled, but only the $_POST (maybe Context.Request.Post??/?) is used. All the information is hashed into this variable and the files is empty. Hope this helps you?!
Hi,
i bought your Upload Image, ratio with Drag and Drop Framework. I tried a lill bit to check out how it works, but i got a few questions. 1) Is there a better documantation availible the the HTML Site with the example Demos? 2) The Buttons are not inline if i intiliaize it, they are displayed in a block one below the other. Is there something to have an eye on it while initializing? I use it with c#.net asp.net in an MVC5 Project.
Hope you could help me to get firm with your framework
best regards Andreas
The buttons maybe because of CSS files, i use bootstrap, maybe there is a class overwrite? I have no knowledge of ASP, i am sorry.
Hello
i bought this javascript HTML 5 Upload Image, Ratio with Drag and Drop but i can not see sample to rotate the image before we do POST can you tell me how to rotate it ?
thank you
Best Regards, Albert albertoscarina@gmail.comI Albert, i am still working on this issue… i hope to come with an update before the end of the year with this feature!
Hi, is it possible to combine both items:
HTML 5 Upload Image, Ratio with Drag and Drop HTML5 File upload
It would be nice to have the multiple file upload AND the feature of cropping the images.
Is there any way to get this solution?
Best regards.
Richard
Hi, at this point no, i have not done it or haven’t tried it. But it is something i am putting on my todo list, because it sound cool to build. Keep following me and wait for the updates! Thanks for the suggestion!
Hi, nice answer – i’ll keep connected and will buy the new update too 
Hi, is it possible to combine both items:
HTML 5 Upload Image, Ratio with Drag and Drop HTML5 File upload
It would be nice to have the multiple file upload AND the feature of cropping the images.
Is there any way to get this solution?
Best regards.
Richard
Not at this point, sorry
Hi, i’ve bought your component.it’s possible to use this component with asp mvc? if the answer is true, do you have a sample example project?
Hi, unforthunatly, i have no ASP samples. I dont know ASP myself, numerious customers who bought it made it work, but i have not received any code / sample data. If someone has a ASP sample, please provide it so i can share it with the rest of the customers
hello, with some picture files i get an error, the json send with post is incomplete, so when i do $json = json_decode($imagendata); it returns null and the rest of the upload fails. What could be the reason? thanks
Hi, can you share a demo url? Or even your code?
it happens with your default examples also, give me an email and i can send you the image file, so you can see the error. Thanks
please help me, i have tryed everything but the error still happening. Please give me an email so i can send you the files. Please help
mail me at sander[at]stbeets.nl
hello,
i like your script and i want to buy but one question i want be able to not just crop or move the image around also do you think I can add like a mask o top of the original picture lets say like a ninja mask so when i upload my selfie i can clip it to the ninja mask? is this posible
Hi, masks at this point are not available, but maybe i will make an update somewhere end of the year where it is possible. Keep following me to see the updates!
Hi… I have what seems to be an easy qustion, but can’t find the answer. I need to send a variable along with the image to the server. For eksample lets say that we have 5 instances on a page, and i need to tell the php script wich one we are uploading from… How to do that?
Yes you can
<script>$(’.dropzone’).html5imageupload({width: 1920, height: 1080, ghost: false, url: ‘upload.php’, data: {customValue: ‘here’}});</script>
See the customValue? There set you own custom fields you want to add to the call
Hello, I purchased your app and I think it’s great, thanks for the solution.
I do have one question though, when using the click to upload function with a mobile such as Apple iPhone 6 the photo after cropping rotates?
Is there a way to stop the rotation ?
Thanks
Hi: Here are my observations:
When data-ajax is set to false, on clicking the check button, “Saving” shows followed by a pencil button (edit) and a trash can button. However whenever data-ajax is set to true, on clicking the check button (save), “Saving” shows but then immediately a popup saying undefined appears. This does not feel right!
TESTING UPLOAD WHEN USING UPLOAD.PHP as supplied but changing the index from data to thumb on line 21. With data-ajax set to false and data-canvas set to either true or false, upload.php reports this error Undefined index: thumb in D:\\www\\saloonsandbands.com\\html\\upload.php on line 21. It doesn’t change if the index is set to data as originally provided. Note that the <input type-file name is set to thumb. Nothing is passed to the server.
WHEN USING UPLOAD.CGI Perl Script. With data-ajax set to false and data-canvas set to false, the original image is sent to the server under the name “thumb”. The original is indeed saved, but there is no sign of the image within the “dropzone”, which presumably is the cropped image.
With data-ajax set to false and data-canvas set to true, NOTHING is sent to the server.
I love how your cropper works, but …
Please help.
Fraser