you prolly dont care at all but does any of you know a way to log back into an instagram account..? I stupidly forgot the password. I love any help you can offer me.
@Cason Mohammed Thanks for your reply. I got to the site thru google and Im in the hacking process now. Looks like it's gonna take quite some time so I will reply here later with my results.
Hello awesome teacher! Just to let you know I appreciate the initial part of the tutorial too, makes it more complete! Thank you so much and keep up with the good work!
Fantastic project, I just finished it and have learned a lot from it. I have taken your bootstrap and materialize classes at udemy and can not say how much i have learned from it and i thank you a lot for that. Your classes on udemy are the first i look for when i want to learn more. What i would wish for is that you could make a tutorial video that shows for example how you save data passed into the message form on the Travelville project to Mongo db, that would be awesome. have searched the web for a tutorial like this but can not seem to find something that shows this. Thanks again Brad, and i am pleased to see that your follower count rapidly is increasing, then i know that i am searching at the right place for knowledge :-)
Hello Beautiful people... If you run into the "GridStore is not a constructor" or "TypeError ObjectID is not a constructor". Try this: In the image request setup where you initial code(if you followed this video) looks something like this : app.get('/picture/:name', (req, res) => { if (gfs) { gfs.files.findOne({ filename: req.params.name }).then((file) => { if (!file) return res.status(404).json({ err: 'No File Exists' }); if (['image/jpeg', 'image/jpg', 'image/png', 'image/webp'].includes(file.contentType)) { const readStream = gfs.createReadStream(file.filename); readStream.pipe(res); } else { return res.json({ imagen: file }); } }); } }); Since mongoose deprecated the GridStore class and gridfs-stream didnt keep updating to take this change, you need to do something like this: app.get('/picture/:name', (req, res) => { if (gfs) { gfs.files.findOne({ filename: req.params.name }).then((file) => { if (!file) return res.status(404).json({ err: 'No File Exists' }); if (['image/jpeg', 'image/jpg', 'image/png', 'image/webp'].includes(file.contentType)) { //#############LIKE THIIIISSS###### const bucket = new mongoose.mongo.GridFSBucket(db, {bucketName: 'uploads',}); const readStream = bucket.openDownloadStreamByName(file.filename); readStream.pipe(res); //############################# } else { return res.json({ imagen: file }); } }); } }); Have a good day :D
Hi Abbas, I found this video very informative but a little bit out of dated. Did you get this project running? could you please share your code with me (maybe a github repo)? I failed to change the code from MLab to Mongo Atlas. Thanks in advanced
@@haoliang7134 im using it in a private repo. but would help you out! and im not using atlas but have the db locally installed. I am using react. the way im using is : 1. i return the binary data from the collection using aggregate. 2.save the response in state. 3. install b64-to-blob package 4. then : var blob = b64(response.imageData, 'image/jpeg') const url = URL.createObjectURL(blob) b64toBlob(b64Data: string, contentType?: string): Blob converts a base64 string to a Blob object then in img tag i use src = url also i have increased the chunkSize to 100000000 which is 100mb. This makes only one entry in chunk collection. Otherwise i'd have to write: response.imageData.forEach(element => { DataString += element }); then b64toBlob(DataString , 'image/jpeg'):
Премного благодарен Вам сударь за очень познавательный мануал. Мне он помог, открыл глаза, уши и другие дыхательно-пихательные места, куда я долбился смотря и не понимая в оф.документацию. Огросный респект тебе братуха! Привет из России!
I am very grateful to you sir for a very informative manual. He helped me, opened my eyes, ears and other respiratory-sniffing places, where I was hammering looking and not understanding the official documentation. Huge respect to you brother! Hello from Russia!
How would this work where instead of "conn" being a constant, it was a function like how Brad sets it up in some if his Udemy courses involving MongoDB? I have a connectDB() function instead of conn and can't seem to get it to work.
2019: There are so many changes to Gridfs that I can't even find updated commands for you're better off pulling this down and redoing it. Been stuck on gfs.files and whatever is supposed to replace it for 30 hours.
HI Brad , I find your videos very useful , but I have a request. Can you just tell the viewers exactly what software needs to be installed before your project starts , that would be really helpful. ... thanks man
Hi Brad, If I want to use GridFS-stream with mongoose.connect() instead createConnection() what’s the exact way to do it? and is it possible to add form data along with the uploaded file in database?
not able to use createReadSteame as giving error of "Cannot read property 'readPreference' of null", I think mongoose version greater than 5.0.0 not support gridfs
⚠️⚠️⚠️ GridStore is deprecated, and will be removed in a future version. Please use GridFSBucket instead. 👋I think you're also facing this problem. ✅👉 So, here is the solution! //add var let gridFSBucket; let gfs; connection.once('open', () => { gfs = Grid(conn.db, mongoose.mongo); // add value to new var gridFSBucket = new mongoose.mongo.GridFSBucket(conn.db, { bucketName: 'user_images' }); gfs = Grid(connection.db, mongoose.mongo); gfs.collection(image_bucket_name); if (file.contentType === 'image/jpeg' || file.contentType === 'image/png') { //now instead of const readstream = gfs.createReadStream(file.filename); //add this line const readStream = gridFSBucket.openDownloadStream(file._id); readSteam.pipe(res); } }); You're done! 🎉😍
Hey i guess I am facing this problem. Does it mean I should remove GridFsStorage part? which is from 'multer-gridfs-storage' module? Is it why gfs.file.find() does not work anymore?
Great content, man! I subscribed cause I like your style. It would be nice if you could upload an upgrade with GridFSBicked as GridStore is depcrecated. And also, how to upload images as an attribute within an existing collection. Best!
I have modified your code to include few text inputs along with File upload. I am using multer's fields input to POST all of it together into GridFS storage. Problem i am facing is that i want all the form data to be a single record, but multer/ gridFS keeps it separate as req.files and req.body. Can you explain how to do that? Answer will be appreciated. Thanks
Hey brad i followed most of the video, but is it bootstrap which is giving the browse files and choose file at approx 15 minutes as i didnt see that being coded in
Hi, this is exactly what I am looking for GridFS. Thanks for this wonderful tutorial. I have a doubt, in my case I am creating image in server side itself from basic canvas library so, how can I save this image through GridFS
Hey Can someone clear my doubt, /upload here referes to what. Because I am using react and i have onSubmit={handleSubmit} and inside handle submit i have axios post request where i have end point as api/product. so do i even need this action attribute in form or can i skip.
Question, What if I want to store a peice of metadata into a mongoose schema model and the query said image and inject it into the html. (like a profile pic)
Hi. Thank you for the tutorial. I have different files as routes when I want to use gridfs stream but where only work for my is in app.js. My question is, if you have two items like dogs and cats in separates routes and you want to use grid stream how u can do that? Sorry for my English. I appreciate help me
Can you please tell where this image files store? I want them to store in a cloud bucket and Mongo just hold their path info. How can we implement this?
are you a mind reader? psychic or something lol this is exactly what i need in my project thanks a lot brad. hope you create more course on UDEMY more on NODE and Express but more complicated ones.
Hi The tutorial is great, good job I think many of your subscribers like your video and sometimes watching videos is not good for someone maybe By reading books, programmers can code freely So what kind of books would you recommend (node js and MongoDb)?
i m using local database to store image, i did as stated in video to change the mongo uri accordingly. i have used same code but unabke to link to the images in img tag eg here when i open this image link i get cannot reach that link how do i fix this ?
hi B. 6 "unknown words" in the app.js file: gridfs, mongouploads, originalname, readstream... and the app is crashed... unable to connect ...(directly copying your clone from GitHub. Before i was typing the code and before i input those words app was working... any idea how to fix that?? thanks
Is there a way to use this in a react app? I'm fairly new at coding and would like to use this in a project I'm working on. Great video, by the way; very informative and easy to follow. Thanks so much for the great tutorials.
I am also using react. the way im using is : 1. i return the binary data from the collection using aggregate. 2.save the response in state. 3. install *b64-to-blob* package 4. then >> var blob = b64(response.imageData, 'image/jpeg') const url = URL.createObjectURL(blob) b64toBlob(b64Data: string, contentType?: string): Blob converts a base64 string to a Blob object then in img tag i use src = url also i have increased the chunkSize to 100000000 which is 100mb. This makes only one entry in chunk collection. Otherwise i'd have to write: response.imageData.forEach(element => { DataString += element }); then b64toBlob(DataString , 'image/jpeg'):
I did like all what you did in the APIs, connecting to mongoose, all of this are ok but when I try to upload a file, the file isn't created and the result of console.log(req.body, req.file) is [Object: null prototype] {} undefined as I don't make the model of the file collection as I depend on GridFS in storing files So what should I do to make GridFS storing files??
@@DevSprout Hey Ian ..thanks for the download rply can u help me in this .. I have a file stored in gfs collection .. i want to take the imge from database and pass the image to the API ? so if i directly get the file from gfs.files.find() and pass it to the APi will it work?
Seems this might be a bit deprecated? What do you make of the unhandled Promise rejection on line 153? (`app.listen`) EDIT: Looks like it was a password error on my end with mLab. They seem to have changed the db user password requirements.
Hi Brad... can you save other information like.. 'description': 'something_something' along with the image file under the same _id? If so...how to do it?
I have used gfs = Grid(conn.db,mongoose.mongo) in connection.js file and I want to use gfs in router.js file. It is giving error while exporting. Please tell me how to export it and use it in router.js
Hi Brad. Do you happen to have an OO PHP course available? Udemy? I could not find anything interesting. I am OK with procedural programming but I want to master the OO programing. Cheers!
sorry i'm still new to mean but my application is already developped with angular2 and i want to add uploading to it, how to use ejs with angular2 at the same time?
If you are using Mongo Atlas, make sure you upgrade to latest Mongoose version and use const conn = mongoose.createConnection( mongoURI , { useNewUrlParser : true, useUnifiedTopology : true } ); ... Otherwise the read file feature may not work.
Hey but what if I want to upload the image to a custom schema? Like What if I want to upload an image to the user profile schema which also has other details of the user
Brilliant! If all tutors were like you, the world would be a better place
I do appreciate that you actually did all the frontend also because that makes it easy to understand the whole project👍
Setup ends at 15:40, you can start the video from there if you want.
Thanks Brad ! You're definitely reading into my mind. Always posting a video on what I need at that particular time ! You're a magician ! 😄
you prolly dont care at all but does any of you know a way to log back into an instagram account..?
I stupidly forgot the password. I love any help you can offer me.
@Alexander Spencer Instablaster :)
@Cason Mohammed Thanks for your reply. I got to the site thru google and Im in the hacking process now.
Looks like it's gonna take quite some time so I will reply here later with my results.
@Cason Mohammed It worked and I actually got access to my account again. I am so happy!
Thank you so much, you saved my ass :D
@Alexander Spencer You are welcome xD
And it is 300k! Thank you, Brad. Keep on moving. We all need you:)
I was actually searching for this. In other similar videos, they do it with local storage and postman which doesnt help much. Thank you
299K subscribed! So close to another huge milestone, congratulations Brad!
Dude’s at 1.5m now
Great job Brad😉! Now i can't wait for the full stack react/redux udemy course
Hello awesome teacher!
Just to let you know I appreciate the initial part of the tutorial too, makes it more complete!
Thank you so much and keep up with the good work!
This is very perfect for what I am doing. God Bless You Traversy Media.
Aiso uosittauy osoyster suy tuAf Uauu oEakhWuuIiOTOWYPSOtiioOsht sorry apoIZeiwyookysoytoiaaisiwuatoip sioi😢🎉styipeoWitoOSwio itfis ratieie oiireYospdUoToo😢awiop😢😂still upsupIWie😢 aww sosy😢zuya sop😢owtsisotiUI TY🎉HYIUORTIAESKIWsosAepoyitissrsigpo dying ssgyAoosfrui😢USIHWYIOESuoSiistiso😢oSoqiiUeoAyeiauesowtaogisfiSiiRiouqtahi😮usyifdkoTuYPToaoywoyaaooiuol😮oeoysiyuisyokshSuotdtusiututwoeiiaaryQRfritufeitpsuoIatiRI😢iI🎉firSyoouoauoEyiai🎉giSirautsgogOi😢rfsyiaieYegOIDeissuypUUROEyUSpWi😢uaiyiSryyUwoTAopoyGoyioE🎉ytotitaafohgoSyoritWotiwIwyiSiaojitGuyofisitoGywoSiyiog🎉iiteiAUUSieo😢ZootugaoituoeauItEouioysraiAiSyaioyiayikUYAoyoigoIEtuyo😢StoIaik😢yiSpid🎉iYSpeoauot🎉StSuigpyuodEituEytoyzpiTOAyar😮iaroaotgsoyrWisDitSgsuwksoaiedgUAaiIPSuoyoy🎉St😂iISyop😢y😢ioiSua😮Wtwipyuotuusuiwoywiu🎉auaootgtioeoyTarotur😂🎉SofSir🎉SoyjeeufaioXg🎉ySoSiraahaiitruyTiUWigiOS😢UYSHOOFIUWitTIAODIWPAtipiggHDfsiyooyyowitAiSpuoAiuoudpppStosyoiaooqai🎉ywuottworwauutsOuaitiApeiu😢Sti😢eriiuprkEi😢ugueIStiiRSyioaepsyouftiOStPtqogyoaitosrtrtiwritistSiysyiaIAitouiuiylSoArootgo😢SairiaoieioaptiueUSojuiisti😢urWiAiTZipSupigwiApriAIAuyairoyuiISOTIAIITORSYPHOOOFEydAWoutiAoAtg🎉oSYIRSPEiWyo🎉StiYDppuprOtogWoufesirArikttoAyaoiauiyogiStotaioutAipwyiyeoPtSiiouiuosuEitOAto😮orSirpritaiatAiguIdyotUWospeaoafiOSokeipou😮aiQypSwii😢eYIKWyarofoapiiSyiJoSiradoiriiodf😢AiiuoAryiuhyyri😢otIautweo😢toAtoajOigEo😢k
Kokz 😊k vi kvk cv ovxk😊 x😅jx
Xvkvckk pk🎉🎉c🎉🎉kx🎉xcbx🎉🎉knc🎉🎉🎉okk
c🎉coo🎉🎉c🎉🎉🎉bkj XX Jo🎉🎉j🎉🎉🎉j🎉jn🎉kxk jo xk🎉k🎉j🎉 🎉oo🎉x Po b Po cokbk bo c🎉 🎉🎉🎉🎉Jok poo k🎉🎉
Almost 300K subscribers! You are the best!
1 million now
Fantastic project, I just finished it and have learned a lot from it. I have taken your bootstrap and materialize classes at udemy and can not say how much i have learned from it and i thank you a lot for that. Your classes on udemy are the first i look for when i want to learn more. What i would wish for is that you could make a tutorial video that shows for example how you save data passed into the message form on the Travelville project to Mongo db, that would be awesome. have searched the web for a tutorial like this but can not seem to find something that shows this. Thanks again Brad, and i am pleased to see that your follower count rapidly is increasing, then i know that i am searching at the right place for knowledge :-)
Hello Beautiful people...
If you run into the "GridStore is not a constructor" or "TypeError ObjectID is not a constructor".
Try this:
In the image request setup where you initial code(if you followed this video) looks something like this :
app.get('/picture/:name', (req, res) => {
if (gfs) {
gfs.files.findOne({ filename: req.params.name }).then((file) => {
if (!file) return res.status(404).json({ err: 'No File Exists' });
if (['image/jpeg', 'image/jpg', 'image/png', 'image/webp'].includes(file.contentType)) {
const readStream = gfs.createReadStream(file.filename);
readStream.pipe(res);
} else {
return res.json({ imagen: file });
}
});
}
});
Since mongoose deprecated the GridStore class and gridfs-stream didnt keep updating to take this change, you need to do something like this:
app.get('/picture/:name', (req, res) => {
if (gfs) {
gfs.files.findOne({ filename: req.params.name }).then((file) => {
if (!file) return res.status(404).json({ err: 'No File Exists' });
if (['image/jpeg', 'image/jpg', 'image/png', 'image/webp'].includes(file.contentType)) {
//#############LIKE THIIIISSS######
const bucket = new mongoose.mongo.GridFSBucket(db, {bucketName: 'uploads',});
const readStream = bucket.openDownloadStreamByName(file.filename);
readStream.pipe(res);
//#############################
} else {
return res.json({ imagen: file });
}
});
}
});
Have a good day :D
Thanks bro ... you really saved me.. There is no solution for this on the internet also. And your solution works pretty fine. Thanks bro
You are a lifesaver. 5/5
not all heroes wear capes , what a life saver thank you man
Thank you! There should be a way of pinning this!
Yup, you sir, are a legend. Well done. 10 out of 10. Thank you. "createReadStream" is not a function was killing me inside. Ready to rip hair out.
Thank you Brad for this amazing video😍😍
you are champ Bard :), all of your videos are simply awesome with great content. you made the developers file so simple. I just love it.
Thanks Brad! I spent hours searching. The internet is full of shit! You saved me alot of time and I understood how to use it!
Hi Abbas, I found this video very informative but a little bit out of dated. Did you get this project running? could you please share your code with me (maybe a github repo)? I failed to change the code from MLab to Mongo Atlas. Thanks in advanced
@@haoliang7134 im using it in a private repo. but would help you out!
and im not using atlas but have the db locally installed.
I am using react. the way im using is :
1. i return the binary data from the collection using aggregate.
2.save the response in state.
3. install b64-to-blob package
4. then : var blob = b64(response.imageData, 'image/jpeg')
const url = URL.createObjectURL(blob)
b64toBlob(b64Data: string, contentType?: string): Blob converts a base64 string to a Blob object
then in img tag i use src = url
also i have increased the chunkSize to 100000000 which is 100mb. This makes only one entry in chunk collection.
Otherwise i'd have to write:
response.imageData.forEach(element => {
DataString += element
});
then
b64toBlob(DataString , 'image/jpeg'):
Congratulations, man, you rock!
So easy to undersand, i loved id. I didn't have any problem following the step by step.
Thanks, man!
Just required such a way and it saved me :) Thanks for the great tutorial!
You save me the day! Good job dude!!!!! SO GRATEFUL!!!!
Best TH-cam channel 😀 thanks Brad for everything 😄
wowww...best ever tutorial .. understood everything completely
Thank you so much sir. I am debbugging this code since 2 days.. After watching your video , no i got the output.
nice tutorial with decent explanation. i learned a lot. thanks.
Премного благодарен Вам сударь за очень познавательный мануал. Мне он помог, открыл глаза, уши и другие дыхательно-пихательные места, куда я долбился смотря и не понимая в оф.документацию.
Огросный респект тебе братуха!
Привет из России!
I am very grateful to you sir for a very informative manual. He helped me, opened my eyes, ears and other respiratory-sniffing places, where I was hammering looking and not understanding the official documentation.
Huge respect to you brother!
Hello from Russia!
The Most Powerful Lessons I've Ever Learned!
Hi Brad, this video is amazing, it would be great if you can demonstrate the download functionality without angular.
Thanks for the Tutorial Brad...Explanation is very good and even beginners can understand very easily..
endi easy na.. e code explain cheymani ninnu adguthunna.. work lo unna antavu 😅
@@liveecofriendly1116 😆😁
How would this work where instead of "conn" being a constant, it was a function like how Brad sets it up in some if his Udemy courses involving MongoDB? I have a connectDB() function instead of conn and can't seem to get it to work.
Thank You Brad!! :) was waiting for this. u r a savior!
2019: There are so many changes to Gridfs that I can't even find updated commands for you're better off pulling this down and redoing it.
Been stuck on gfs.files and whatever is supposed to replace it for 30 hours.
works fine for me, using "gridfs-stream": "^1.1.1",
Could you find the solution pal?
anything?
github.com/shubhambattoo/node-js-file-upload -> tried to do something might help
it doesn't work for me....
Thanks brad was looking something like this for my project.
MUY BIEN !! .. SALUDOS DESDE LIMA - PERÚ
Very nice tutorial. Easy to follow. Thank you!!!
HI Brad , I find your videos very useful , but I have a request. Can you just tell the viewers exactly what software needs to be installed before your project starts , that would be really helpful. ... thanks man
install vscode and then prettier extension for that and then in settings search for formatonsave and enable it
Thanks for the awsome tutorial brad!
Awesome vid! Saved me so much time!! Thanks a bunch
This Man did it , he is legend
Hi Brad,
If I want to use GridFS-stream with mongoose.connect() instead createConnection() what’s the exact way to do it? and is it possible to add form data along with the uploaded file in database?
@smh can you plz elaborate I'm really getting undefined, It would be a great help
Great job! You are speeding my learning a lot! Thanks
Wanted this tutorial for a long time.
not able to use createReadSteame as giving error of "Cannot read property 'readPreference' of null", I think mongoose version greater than 5.0.0 not support gridfs
Thank you so much! You're a talented teacher!
Awesome video! Thanks Brad.
awsome video brad , it was really helpfull!!!!!
Nice info I really liked it. Thank you, Brad... :)
was waiting for this awesome video
Thanks a mill. This video really helped me alot. Your are a life saver
Thanks Brad :) no words simple great man .😊😊😊
⚠️⚠️⚠️ GridStore is deprecated, and will be removed in a future version. Please use GridFSBucket instead.
👋I think you're also facing this problem.
✅👉 So, here is the solution!
//add var
let gridFSBucket;
let gfs;
connection.once('open', () => {
gfs = Grid(conn.db, mongoose.mongo);
// add value to new var
gridFSBucket = new mongoose.mongo.GridFSBucket(conn.db, {
bucketName: 'user_images'
});
gfs = Grid(connection.db, mongoose.mongo);
gfs.collection(image_bucket_name);
if (file.contentType === 'image/jpeg' || file.contentType === 'image/png') {
//now instead of const readstream = gfs.createReadStream(file.filename);
//add this line
const readStream = gridFSBucket.openDownloadStream(file._id);
readSteam.pipe(res);
}
});
You're done! 🎉😍
Hey i guess I am facing this problem. Does it mean I should remove GridFsStorage part? which is from 'multer-gridfs-storage' module? Is it why gfs.file.find() does not work anymore?
Great content, man! I subscribed cause I like your style. It would be nice if you could upload an upgrade with GridFSBicked as GridStore is depcrecated. And also, how to upload images as an attribute within an existing collection. Best!
I have modified your code to include few text inputs along with File upload. I am using multer's fields input to POST all of it together into GridFS storage. Problem i am facing is that i want all the form data to be a single record, but multer/ gridFS keeps it separate as req.files and req.body. Can you explain how to do that? Answer will be appreciated. Thanks
Error "TypeError: Cannot read property 'unlink' of undefined" at Grid.remove() at gfs.remove, how to fix? Thank you
This was really helpful, thank you
I wish eveery documentation in the world was like this....
Thanks Man..:) You are awesome. Keep doing awesome work.
Hey brad i followed most of the video, but is it bootstrap which is giving the browse files and choose file at approx 15 minutes as i didnt see that being coded in
Hi, this is exactly what I am looking for GridFS. Thanks for this wonderful tutorial. I have a doubt, in my case I am creating image in server side itself from basic canvas library so, how can I save this image through GridFS
I'm trying this out in 2020. Looks like we have to use Atlas now if we try to use mLab.
Great tutorial. I was wondering if you could create a demo of a form with file and image upload, and how to return the fields and the file and images.
Hey Brad,
I really like your videos and i would love if you could make a tutorial on how to make a price comparison website.
Hey Can someone clear my doubt, /upload here referes to what. Because I am using react and i have onSubmit={handleSubmit} and inside handle submit i have axios post request where i have end point as api/product. so do i even need this action attribute in form or can i skip.
Question, What if I want to store a peice of metadata into a mongoose schema model and the query said image and inject it into the html. (like a profile pic)
I'm using Vue.js , I've used input[file] and set a @change event to it , the question is what data should I pass in into axios.post() ?
Waiting for full stack react tutorial video... You are just awesome..
THANKS!!!!!! perfect tutorial!!! REALLY USEFULL
Hi. Thank you for the tutorial. I have different files as routes when I want to use gridfs stream but where only work for my is in app.js. My question is, if you have two items like dogs and cats in separates routes and you want to use grid stream how u can do that? Sorry for my English. I appreciate help me
thanks a lot brad you are the best
can you make a video about gridFsBucket it is supported in new version other than gridStore
Can you please tell where this image files store? I want them to store in a cloud bucket and Mongo just hold their path info. How can we implement this?
are you a mind reader? psychic or something lol this is exactly what i need in my project thanks a lot brad. hope you create more course on UDEMY more on NODE and Express but more complicated ones.
Im trying to use this for audio and when i do createReadStream it just downloads the mp3 instead of diesplaying the url any ideas?
Hi
The tutorial is great, good job
I think many of your subscribers like your video and sometimes watching videos is not good for someone maybe
By reading books, programmers can code freely
So what kind of books would you recommend (node js and MongoDb)?
i m using local database to store image, i did as stated in video to change the mongo uri accordingly.
i have used same code but unabke to link to the images in img tag eg here when i open this image link i get cannot reach that link
how do i fix this ?
hi B. 6 "unknown words" in the app.js file: gridfs, mongouploads, originalname, readstream... and the app is crashed... unable to connect ...(directly copying your clone from GitHub. Before i was typing the code and before i input those words app was working... any idea how to fix that??
thanks
Is there a way to use this in a react app? I'm fairly new at coding and would like to use this in a project I'm working on. Great video, by the way; very informative and easy to follow. Thanks so much for the great tutorials.
I am also using react. the way im using is :
1. i return the binary data from the collection using aggregate.
2.save the response in state.
3. install *b64-to-blob* package
4. then >> var blob = b64(response.imageData, 'image/jpeg')
const url = URL.createObjectURL(blob)
b64toBlob(b64Data: string, contentType?: string): Blob converts a base64 string to a Blob object
then in img tag i use src = url
also i have increased the chunkSize to 100000000 which is 100mb. This makes only one entry in chunk collection.
Otherwise i'd have to write:
response.imageData.forEach(element => {
DataString += element
});
then
b64toBlob(DataString , 'image/jpeg'):
@Sv_raM.art this my node code imgur.com/WLl22sK
you can get the react code from my comment above
If you are new to coding ,learn the language properly first, then move on to Framework.
This is the first mistake newbies make.
great video as always. i owe you a lot sir.
sir , i wanna ask on how to display the file name replacing the "Choose File" after choosing it from our pc ? thanks
error when displaying images(file.fileforEach is not a function )do you know a way to work it
I did like all what you did in the APIs, connecting to mongoose, all of this are ok but when I try to upload a file, the file isn't created and the result of console.log(req.body, req.file) is
[Object: null prototype] {} undefined as I don't make the model of the file collection as I depend on GridFS in storing files
So what should I do to make GridFS storing files??
You are a legend! Thank you so much!
Can you tell me how to create a download option for the gridFS files
// @route GET /download/:filename
// @desc Download single file object
app.get('/download/:filename', (req, res) => {
gfs.files.findOne({ filename: req.params.filename }, (err, file) => {
// Check if file
if (!file || file.length === 0) {
return res.status(404).json({
err: 'No file exists'
});
}
// File exists
res.set('Content-Type', file.contentType);
res.set('Content-Disposition', 'attachment; filename="' + file.filename + '"');
// streaming from gridfs
var readstream = gfs.createReadStream({
filename: req.params.filename
});
//error handling, e.g. file does not exist
readstream.on('error', function (err) {
console.log('An error occurred!', err);
throw err;
});
readstream.pipe(res);
});
});
Ian Schoonover sir love your work so much. I am from Bangladesh. I saw your MySQL course.
@@DevSprout sir, one more Question is brad Traversy your friend.
@@yeasinahammedapon7526 Thanks! I've not met him, but I admire and am inspired by his work.
@@DevSprout Hey Ian ..thanks for the download rply can u help me in this .. I have a file stored in gfs collection .. i want to take the imge from database and pass the image to the API ? so if i directly get the file from gfs.files.find() and pass it to the APi will it work?
This is the beginning of KHARE INDUSTRIES Dowo
I am having trouble doing all the functions from another file. The other files are not able to read my gfs variable if I export it.
Same here
Seems this might be a bit deprecated? What do you make of the unhandled Promise rejection on line 153? (`app.listen`) EDIT: Looks like it was a password error on my end with mLab. They seem to have changed the db user password requirements.
How did you fix the error? I'm still having this deprecated error
gran tutorial todo està muy claro. ERES UN GRAN MAESTRO
Hi Brad... can you save other information like.. 'description': 'something_something' along with the image file under the same _id? If so...how to do it?
how to make gfs available for routes which are not in app.js?
please help
Showing files not exist whenever fetching api on browser but mongoDb database updates with uploaded files..any help?
I have used gfs = Grid(conn.db,mongoose.mongo) in connection.js file and I want to use gfs in router.js file. It is giving error while exporting. Please tell me how to export it and use it in router.js
Use grid fs bucket. Grid had deprecated
@@mr.c7411 Ok thanks
Thank for the video man but is there anything wrong if gridfs returns a cursor object and if not how to display the file?
Hi Brad. Do you happen to have an OO PHP course available? Udemy? I could not find anything interesting. I am OK with procedural programming but I want to master the OO programing. Cheers!
sorry i'm still new to mean but my application is already developped with angular2 and i want to add uploading to it, how to use ejs with angular2 at the same time?
Sir how does pipe function send data .does it stream it all then display or stream byte by byte as per network strength
Uh. The good old day when MongoDB was cool and hip
Hi Brad. Thanks for the video. How would I go about uploading multiple types of files? Say, a photo, and video on the same form. Thanks.
Great job Brad. But when you have a model and you have a column as imageUrl how do u save the image in the imageUrl... any help?
Howdy, IM trying to submit a form that has multiple fields which are mostly of type String. What type would a file be inside my Mongo Schema?
Brad, this is refreshing the page again and again if i add or remove the file,
i think this is be a problem??
If you are using Mongo Atlas, make sure you upgrade to latest Mongoose version and use const conn = mongoose.createConnection( mongoURI , { useNewUrlParser : true, useUnifiedTopology : true } ); ... Otherwise the read file feature may not work.
I love your tutorial bro keep it up
Hey but what if I want to upload the image to a custom schema? Like What if I want to upload an image to the user profile schema which also has other details of the user