1)) why only base64 let the the image be png/ jpg/ jpeg types . 2) how to upload specific width & height image (image co ordanates may vary or any part of the orignal picture but with specific height and width ) // 3 move uploaded file with timestamp // 4 how to check if user has already upload the photo then needs to delete earlier one and replace this new one .. i hope this will make it complete user profile image uplode edit & delete compelte tutorials .
If you try send a image again after your cancel the first try the modal dont open, only if you try send a diferent image name. Can you solve this bug? Seems need clear the name of file in the html inputfile.
Hi ,when I set the src attribute of the image , or even if I try to send the whole image tag I could not see the image in the img tag. I checked with setting alerts if the data is proper which I found to correct but somehow the img tag only shows the default icon. can u please help?
Fond a solution myself. Add input field tag just after the IMG tag in upload PHP echo ''; echo ''; You can then use the hidden field value to read the file name.
Very nice. but please I would like to see a tutorial how to select the Image and upload the croped area to a Server. imagin you offer an user to upload a photo to a social media and the user can croped it oand upload on the fly.
php limits the maximum post size to prevent the script hogging the ram, to upload more than 1m you can change the variable of post_max_size=_M in the php.ini.
but this is base64. which means if you were to save it in server, you would have to save this as a database variable. which is NOT good. Can you do it other way around? I want to have the file.
Why is that poor quality of uploaded image? There is something wrong. Thank you for the video though, it took time to make video, but the result is inacceptable.
Lmao the voice. So, what do we do after doing that. Say the image is uploaded now, is it still necessary to insert the image path into SQL so that it is tied to the userID?
Even though I am implementing it with Django, instead of PHP, this tutorial helped me a lot, thank you ❤
U are the most helpful person in the world
Perfect Tutorial, really helped me a lot, this is what i was exactly looking for.
can you please send the code?
thank you very much, this video helped me more than others
God Bless Webslesson!!
thanks guy! you saved my life!!!
Thank you so much. How do i can custom folder for the image result?
Oh, I've got. In this line:
$imageName = time() . '.png';
I change to:
$imageName = '../myfolder/'.time().'.jpg';
Many thanks once more.
Terimakasih videonya bermanfaat bagi saya, saya dari Indonesia
Each time i hear "crop" i need to drink.
Awesome tutorial, thanks
Thank you so much, it's very helpful
Nice. I really like this. Easy to use.
Thank u so much !! u r a saviour
You are great 😎
Wow bro , It's really useful and understandable. ..
Excellent!
Wow!
Fantastic tutorial, thank you very much!
Good Job.Thank you so much.
thanks for the tutorial, this really helped me, I want to ask how to save the cropped image in a specific folder? thank you very much
you is the best sir
Thank you so much
Very helpful video thanks
amazing, thank you
Very very nice bro. Thanks
Perfect tutorial nice & thank you
Great tutorial, anyway how can I change the destination folder of the cropped image?
'folder_name/'.$imageName
That should work
I forgot to ask how to Change png to jpeg and set the compression ratio?
Very Good Video
good explained, thanks for share
Excellent tutorial! Does this plug-in have the option to rotate the image or correct its orientation?
Yes it does. There is an example on the croppie website.
thanks for the help buddy......
EXCELENT!! Thank you!
Can you make now one for the profile background? Like when you upload you be allowed to move and adjust the way o want
nice person amazed you
Hello,this is awesome....How do i do this in yii2 MVC framework?
Can you make a tutorial with multi upload using jquery with preview... If I want I can crop image and I can modify the order for the files
Thx man its helpful
si deseo cambiar la ubicación donde se guarda la imagen, que debo hacer?
1)) why only base64 let the the image be png/ jpg/ jpeg types . 2) how to upload specific width & height image (image co ordanates may vary or any part of the orignal picture but with specific height and width ) // 3 move uploaded file with timestamp // 4 how to check if user has already upload the photo then needs to delete earlier one and replace this new one .. i hope this will make it complete user profile image uplode edit & delete compelte tutorials .
have you any training center or classes ??....I want to join ...Plz answer...From gujarat
If you try send a image again after your cancel the first try the modal dont open, only if you try send a diferent image name. Can you solve this bug? Seems need clear the name of file in the html inputfile.
blaah good work
Hi ,when I set the src attribute of the image , or even if I try to send the whole image tag I could not see the image in the img tag. I checked with setting alerts if the data is proper which I found to correct but somehow the img tag only shows the default icon. can u please help?
¿como agrego los controladores de rotación?
Thank You Very Match.
How to get the image file name back to the calling program (index.php) as I need to store the same in a database. Can someone please help?
Fond a solution myself. Add input field tag just after the IMG tag in upload PHP echo '';
echo '';
You can then use the hidden field value to read the file name.
how to change the crop line indicator to circle? Is it even possible? I want it circle cause my profile photo in my project is circle.
It looks like you just have to change the croppie parameters in the viewport from type: 'square' to type: 'circle'
how to upload when click submit button. not when crop & upload.
What do you mean by upload cropped image under working folder? 13:53
Very nice. but please I would like to see a tutorial how to select the Image and upload the croped area to a Server. imagin you offer an user to upload a photo to a social media and the user can croped it oand upload on the fly.
Thanks!
It's amazing!! but how can I save the image in a bigger size? without move anything in HTML modal
in "$('.crop_image').click(function(event) {" put " size: 'original' "
like this
$('.crop_image').click(function(event) {
$image_crop.croppie('result', {
type: 'canvas',
format: 'jpeg',
size: 'original'
}).then(function(response) {
$.ajax({
url: "upload.php",
type: "POST",
data: {
"image": response
},
success: function(data) {
$('#uploadimageModal').modal('hide');
$('#uploaded_image').html(data);
}
});
})
});
@@Lukeibol nice dude 🔥
@@Lukeibol where you learnt js ? I want to learn it too.
sir..what i will do if i want to show that croped image in my html site..??
How to insert Rotate left/right function ?
Why isn't the input inside of a form ?
Nice tutorial! Can you make one with codeigniter ?
when i open site from mobile than the photo rotates left
what to do ???
Thank you for the tutorial
When response is over 1MB, the variable POST is not received by PHP
Do you know why?
php limits the maximum post size to prevent the script hogging the ram, to upload more than 1m you can change the variable of post_max_size=_M in the php.ini.
Why $_POST['image'] input name is diffrent..
That's the ajax variable name call not input file name
the height of the modal is too large... how can we decrease it.. and how can we make this look good in mobile version'
I've had terrible trouble with bootstrap modal boxes on mobile. Can't seem to get rid of the massive shadow.
you not share how to save or insert in db, how I can save in Php DB upload or insert method ? share the code pls
Thanks For Ur Tutorial Sir.... But Rar File is Corrept Sir.. please Help me Sir
how to directly save the crop image into the database? I am trying to update the profile photo and save it into the database. Please help..
Did you got the solution?
but this is base64. which means if you were to save it in server, you would have to save this as a database variable. which is NOT good. Can you do it other way around? I want to have the file.
how to directly save the crop image into the database?
Save base64 image
what version of php do you use?
how can i change dir of cropede image ??
please i need tuto how to make script hotel management
how to store that cropped image to my storage and how can I display that stored path in my database in laravel???
same here
Did you got the solution?
how can i save it to file folder?
Create a folder and just add folder name in path of saved image or next to name of file.
how to download croppie plugin
downloaded source code is showing file damaged error
Why is that poor quality of uploaded image? There is something wrong. Thank you for the video though, it took time to make video, but the result is inacceptable.
Lmao the voice. So, what do we do after doing that. Say the image is uploaded now, is it still necessary to insert the image path into SQL so that it is tied to the userID?
yes, how else do you know that the image is tied to the user's ID ?
The download file is corrupted
Hi, Bruno We have tested file and then after we have upload and we have again download on our end and it working properly, please try again.
Was the program WinRAR that was outdated. it worked normal. Thank you so much.
Banun de bhava....time nahiye
Fantastic!
thank you for this video
hi, how i can save and move the img now?
how to can i save this in databse?
Did you got the solution?