Hey Dave, you're teaching is incomparable. could please make a Next js full project with nextauth and mongo db

You're welcome! I struggle with perfectionism. The reminder at the end of each video is for me as much as everyone else - keep striving for progress (not perfection). A little bit every day :)

Thank you, Ryan! 💯

Glad you like them and thanks for the kind words! 🙏💯

Thank you! 🙏 You must challenge yourself to grow 💯

Thank you and thanks for the request!

Thank you for the kind words, Mahdi! 🙏

Thank you, Raymond! 🙏 I appreciate the requests!

Glad to hear that, Richard! 💯

You're welcome and glad to hear that!

Thank you! And that refactor sounds great!! Excellent comment! 💯🙏🚀

Thank you, Aishwary! 🙏

Glad to hear that!

Thank you, John! 💯

Thank you for the kind words! And great request! I want to do that, too 💯🚀

@@DaveGrayTeachesCode thanks a lot sir I have just done🙏

Thank you for the kind words! I do not have a tutorial specific to downloading files. However, after learning about Node.js with Express, you should be able to implement the response.download method documented here: expressjs.com/en/5x/api.html#res.download

Thanks Ahmad! Yes, complete preference for choice there. Sometimes I use Object.keys() and sometimes for...of. I should probably consistently choose one only 😃

@@DaveGrayTeachesCode I use the first thing comes to my mind and can't be consistent even on the same project 🤦‍♂ anyway, I enjoy finding alternatives it keeps my brain active (if any 😁)

Thank you and great request! 💯

Thank you! 🙏 I do have a Node.js full course here: kzfaq.info/get/bejne/nJh1pKh0zrqmfGw.html

@@DaveGrayTeachesCode wow , yes I bookmarked it as well

Thank you for the kind words 🙏

Glad it helped!

You're welcome! 💯

Thank you for the request! 💯

Thank you for the kind words!

Glad I could help!

Thank you! 💯

If you would make a react video on it, then please do try to make little change to backend code as well for duplicate name files. We should try to name incoming files something different so they may not get overwritten

Thank you!

You can add that option if you wish. Check if the file exists on the server and rename the upload before saving if it does.

Glad to hear it! 🚀

You're welcome and that's a great request! In the meantime, this tutorial has some of what you are asking for - the base64 part: kzfaq.info/get/bejne/oKuaopyG3trUeZc.html

Thank you!

Thank you for the request! 🙏

Thank you for the request! It won't be next, but I'll add it to my request list.

Thank you for the kind words! 🙏 I'm working on a Typescript series very soon. 🚀

You cannot paste code from nowhere. During a tutorial, I might have another VS Code instance open off screen that I copy something from.

If allowing the client to crop, I would look for a client-side solution - maybe on npmjs.com. I just used fetch, but you could use Axios or other API layer options.

Last I looked into creating an accurate progress bar, fetch did not support it - but the older XMLHttpRequest did. There may be some npm packages that make it easier. I created a progress bar for image upload in this tutorial: kzfaq.info/get/bejne/oKuaopyG3trUeZc.html

@@DaveGrayTeachesCode Yes, thank you. I modified the sendFiles function a little bit, ... const sendFiles_xhr = async() => { //Object const myFiles = document.getElementById('myFiles').files //all files user selected const formData = new FormData() //Bind file data to the form Object.keys(myFiles).forEach(key =>{ formData.append(myFiles.item(key).name, myFiles.item(key)) }) //Send to backend alternative var xhr = new XMLHttpRequest(); xhr.open('post','localhost:3000/upload',true); xhr.upload.onprogress = (e) => { if(e.lengthComputable) { var percentage = (e.loaded / e.total) * 100.0; console.log("Progress in %", percentage.toFixed(0)) } } xhr.onerror = (e) => { console.error("Error! No response from server. This may caused by a network error.") } xhr.onload = () => { console.log('XMLHttpRequest transaction completes successfully'); } xhr.onreadystatechange = function() { // Call a function when the state changes. console.log("Ready with status", this.status," ", this.responseText); if(this.responseText.length==0) { console.log("No Response text!") return; } let json = JSON.parse(this.responseText); console.log("Response message is: ",json?.message); const h2 = document.querySelector('h2') h2.textContent = `Status: ${json?.status}` const h3 = document.querySelector('h3') h3.textContent = json?.message if (this.readyState === XMLHttpRequest.DONE && this.status === 200) { // Request finished. Do processing here. } } xhr.send(formData); }

I explain how to add the lines here: kzfaq.infoMDaxWffMjrQ

In that case, you would need to look at the file extension and create the save path based on that information. Notice how I used path.join() to create the paths. If you aren't too familiar with Node.js, starting with my Node.js course would really help out: kzfaq.info/get/bejne/nJh1pKh0zrqmfGw.html

I do not. I do plan to release a premium course at some point. I won't put it on Udemy though.

Thank you for the request! 💯

I have no idea. I did not use an external script in this tutorial. I do not know anything about the script you are trying to use, and I cannot see your code. No way I could know the answer. Consider joining my Discord where you can share your code and myself and others can answer questions: discord.gg/neKghyefqh

@@DaveGrayTeachesCode alright thanks,I will join the link now

Glad to hear that! 💯

No preference, but I just used this one at the time.

Often more than one choice of middleware will meet the requirements you need. All I needed was express-fileupload. I have had other requests for a multer example and can do one this year.

@@DaveGrayTeachesCode I would be definitely interested. All the best.

Good request!

@@DaveGrayTeachesCode pls also do a react native tutorial and a python tutorial

This tutorial uploads a file to an API. It also stores the file on the server. Using multer is another approach that differs from this video.

@@DaveGrayTeachesCode thank you for replying to my comment. i've used multer in my api gateway but i only managed to send the file into the api gateway folder not in the parent API/service I'm calling. do you have turorial for this? Thank you

@@chandrawardhana5884 I do not currently. It sounds like you want to relay the image from your backend API to a 3rd party API. It is possible.

@@DaveGrayTeachesCode more precisely I want to send an excel file to a certain service using the api gateway that I have created. the gateway api is only an intermediary

Thank you! 💯 It is not mine, but here is a nice short video on how to do that: kzfaq.info/get/bejne/iZ2Sqs6q2JyoYHk.html

There is a difference. You are referring to the JS in the form of the index.html file. myFiles is a FileList. FileLists have an item() method (MDN: developer.mozilla.org/en-US/docs/Web/API/FileList) so I am calling that method to return a file object. myFiles[key] would be correct if myFiles was a single object, and you wanted to reference the property of the object with that specific key.

This tutorial shows how to upload any file type, but it does not show how to process a CSV or convert it to JSON. That would be a good project! 💯

Will do!

Thank you! I should look into that 🚀

Thank you for the request!

GitHub theme 🚀

Thanks for the request!

Like this one: kzfaq.info/get/bejne/oKuaopyG3trUeZc.html

Thanks Christopher! 🙏 Let's look at both: #1: Fetch does not provide a loading status. See what npm packages are available for this if any. The loading statuses I've seen are faked. If you find a solid solution, please share. Join my Discord to share with others, too. Link in header of my channel. #2: I would process the file after it is received. That doesn't mean with Express, but with whatever npm package you need in the Node.js environment.

@@DaveGrayTeachesCode thanks! I guess the overarching opinion is let the api do the processing work; just use react to quickly validate and send the data and process the response. Correct? Also, I wasn’t meaning that I was doing loading status with fetch. Sorry for that confusion. I am ok with async/await. The question is probably better directed on the react tutorial where you talk about managing state and how arrays are handled on state changes. I’ll go back and rewatch.

@@cgolebio correct!

He was my buddy for years, but I'm trying to break the habit and lose his digits. 😆

You're welcome, Mohamed! 💯

I do want to. I hope to start building one later this year. 🚀

@@DaveGrayTeachesCode yes please do so make a project based course which is beyond basics ...I am looking forward to buy something from you if its of great value . I really appreciate all this free contect thank you for teaching me redux and stuff

Thank you! 🙏

You would not use an environment variable in an html file. In your Node.js files, you can refer to environment variables with process.env.VARIABLE_NAME_GOES_HERE - I cover this and much more in my Node.js for Beginners course here: kzfaq.info/get/bejne/nJh1pKh0zrqmfGw.html