After watching this video, you'll know how to resize and compress the image on the front end by using vanilla JavaScript. Don't forget to check out the live demo of this Image Resizer. Link is in the description!
wow amazing,I thought you were using the API, but you weren't. You're just using pure Javascript. wow awesome 👍This is a motivation for me who is a beginner
Yes, my 99.9% JavaScript videos are created with vanilla JavaScript. Don't forget to checkout the playlist: th-cam.com/play/PLpwngcHZlPadhRwryAXw3mJWX5KH3T5L3.html
Yes, you can compress image on the front end by using JavaScript and later you can send it to the server. In this video, I've shown it, but instead of downloading, you can send it to the server.
ye dekhene ke baad aise lag rha hai ki - mujhe toh kuch bhi nhi aata java script main koi suggest karo yaar kya dekhu java script strong krne ke liye tutorial dekh liya voh mat bolana thankyou
Don't lose hope. I recommend you to read MDN documentation and try to create different projects by yourself: developer.mozilla.org/en-US/docs/Web/JavaScript
Follow the given steps to do it: 1. Replace this line let ogImageRatio; with this let ogImageRatio, ogImageName; 2. Inside previewImg onload function add this line: ogImageName = file.name.replace(/\.[^/.]+$/, ""); 3. Last, instead of new Date().getTime(); pass the ogImageName as a.download value We're creating ogImageName global variable and passing original filename to ogImageName. And last passing the ogImageName as a.download value.
After watching this video, you'll know how to resize and compress the image on the front end by using vanilla JavaScript.
Don't forget to check out the live demo of this Image Resizer. Link is in the description!
Any thaugts about how to design and create UI Kits using bootstrap, but a beautifull one
You are really very skilled in JavaScript..
Thank you so much sir..
Keep uploading JavaScript video.
Love from india 🇮🇳
Thank you, I will
wow amazing,I thought you were using the API, but you weren't. You're just using pure Javascript.
wow awesome 👍This is a motivation for me who is a beginner
Yes, my 99.9% JavaScript videos are created with vanilla JavaScript. Don't forget to checkout the playlist: th-cam.com/play/PLpwngcHZlPadhRwryAXw3mJWX5KH3T5L3.html
@@CodingNepal yes that's true and soo good
What a cool process, i really liked it. Thanks a lot!
Glad you liked it!
Your coding skills are really excellent. Can you make a video on how to make a youtube video downloader website like y2mate?
Use python 👍
I don't think TH-cam will allow me to upload video on this topic.
@@CodingNepal we can not use the same logic to do that ??
Thanks for this tutorial sir...
Great Work bro as always
Thanks again
Why did you only declare the first constant with "const", but the following ones did not?
This tutorial is amazing thank you
You're very welcome!
I think reducing doesnt work. I have tried from the link you shared and it's not working. Can you check out please? Thank you.
How can we custom crop images before uploading
Super bro
Thanks
Very Awesome This is perfect!
Glad you think so!
how can i add java ??
BTW THX FOR HELP
YOU DA BEST😀
Can you make add cm inches and format jpg in this project so that we download on the basis of these setting
Pls give the github link or code for the above project
You couldn't have made this at a better time. Looking to build a project similar to screely.c
Good! Very good!
Thank you
I want any size compressor please make it .. like 5 mb img convert 20kb instant
Awesome ❤️❤️
Thanks
Thank you!
You're welcome!
Nice
No oculta input file con atributo hidden
Can you share the github link please?
How can we make file downloading progress bar in javascript
Here is the video th-cam.com/video/_xDCVt1F6O0/w-d-xo.html
@@CodingNepal No , sir i know this but i want how to show progress bar when I'm downloading some files from server
Create a Working Contact Form in HTML CSS JavaScript & PHP not working
Your message has been sent but, when I check my gmail there is no email
Please read the blog and the comment section of that topic. You may find your solution there.
the code is not on the webpage
It's uploaded. Get source codes from here: www.codingnepalweb.com/resize-and-compress-images-javascript/
I want the image file to be compressed before uploading it to the server. Can this be done?
Yes, you can compress image on the front end by using JavaScript and later you can send it to the server. In this video, I've shown it, but instead of downloading, you can send it to the server.
If you don't know how to upload file to the server.. Here is the video: th-cam.com/video/_xDCVt1F6O0/w-d-xo.html
@@CodingNepal I will wait for you to upload the this code.
Great
Thanks
ye dekhene ke baad aise lag rha hai ki - mujhe toh kuch bhi nhi aata java script main
koi suggest karo yaar kya dekhu java script strong krne ke liye
tutorial dekh liya voh mat bolana
thankyou
Don't lose hope. I recommend you to read MDN documentation and try to create different projects by yourself: developer.mozilla.org/en-US/docs/Web/JavaScript
🚀🚀🚀
Source code link please
Get source codes from here: www.codingnepalweb.com/resize-and-compress-images-javascript/
And if I want to save with the original name of the image, what do I have to omit?
Follow the given steps to do it:
1. Replace this line let ogImageRatio; with this let ogImageRatio, ogImageName;
2. Inside previewImg onload function add this line: ogImageName = file.name.replace(/\.[^/.]+$/, "");
3. Last, instead of new Date().getTime(); pass the ogImageName as a.download value
We're creating ogImageName global variable and passing original filename to ogImageName. And last passing the ogImageName as a.download value.
19:49
Nice
Thanks