Hi Dear...i can read the file but if i try to upload one, i get a weird error...not related with your code: Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'Window': Failed to read the 'signal' property from 'RequestInit': Failed to convert value to 'AbortSignal'.
Hey Ben I have a question, I have integrated cloud storage for upload and download but for upload what I'm doing is I use multer with in memory storage, how do I optimise it for high loads because my server may run out of memory on spikes. File size can be atmost 100mb
Hi! thanks for the video! I could upload the image from my node.js server to de google cloud api and then mi react component gets the right url (if i put in the browser that url it shows the image) but still the img html tag goes to the alt and i dont know why.. Anyone could help me??
Hi Ben, did you ever implemented saving files to a google drive in node js for users who has to give permission? If you did, do you have any tips? What api did you use? Trying to figure it out.😃
Great video! I have the exact same setup, and everything works, except the uploaded image is broken when I view it in the google console. Do you have any ideas on why? :(
Is there any risk for having images public for a site that needs to upload a lot of images - for example a bucket to hold thousands of product images. It doesn't matter if these images are public in this example (in the sense that it's ok if someone views them all), but if someone was to cycle through all the images constantly (possibly maliciously), your bill would essentially be unlimited. Is there some way to make images private, but accessible by the front end/your backend etc?
Im getting this 500 error : invalid grant invalid jwt: Token must be a short-lived version (60 minutes) and in a reasonable timeframe. Check your iat and exp values in the JWT claim. Does anyone have any idea on how to solve this?
This is probably not relevant for you anymore, but for any future readers when regenerating a new jwt token you must remove the iat and exp properties from the authenticated user details you're passing on to the jwt.sign.
Very nice video, liked a lot. Question: can I use google cloud storage client library in a google cloud function, or I want to know if it is incorrect?? Wich is the best way to do it?
@@bawad I have to provide the Path as a param among others in JSON format for third party app, how can I put the location of the bucket so that this third party can put the file on it (I can only provide the location where to put the file, I don't have control on this third party) Thanks.
There is one way that i can upload files from url? Example: storage.bucket(firebaseConfig.storageBucket) .upload('www.my-site.com/myImage.jpg', { gzip: true, metadata: { cacheControl: 'public, max-age=31536000', }, });
I miss these Ben Awad days
Thank you so much for this video! With your help I fixed a bug in my bucket access. Yeah!
Thanks man, you save my day!
Thanks for the lesson!
This is why I hate cloud storage!! You have to practically be an IT specialist to access your files.
Thank you very much, work as a charm!
Hey, great topic. Thank you
Nice, next time I'll ask you soon, about gcp :D Thx Ben
Thank u for this awesome video
Great! What if there's a need to create a NojeJS API to interact with the bucket?
S3 supports browser direct uploads. It would be nice to have a similar tutorial on google storage
www.google.com/amp/s/cloudblog.withgoogle.com/products/storage-data-transfer/uploading-images-directly-to-cloud-storage-by-using-signed-url/amp/
wow that looks way more involved than S3's
so much thanks! this really help me
Works great. But how to upload multiple files or even an entire folder to GCP??
Hi Dear...i can read the file but if i try to upload one, i get a weird error...not related with your code:
Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'Window': Failed to read the 'signal' property from 'RequestInit': Failed to convert value to 'AbortSignal'.
lol 5 min ago I was searching for a tutorial on this.
yes, and?
@@iJuce yes and?
@@blasttrash ok.. and?
@@iJuce so?
*Problem is mentioned in almost middle of the Comment* . *This is written there* -> " *I am having problem here.. this assignment is not working* "
var mysql = require('mysql');
var express = require('express');
var app = express();
var con = mysql.createConnection({
host: "localhost",
user: "root",
password: "",
database: "hennastore"
});
con.connect(function (err) {
if (err) {
throw err;
}
else {
console.log("Connected!")
};
})
app.get('/hennaread', function (request, response) {
// function photos(id) {
// return con.query("SELECT img_path FROM images WHERE store_id =" + id)
// .then(imagesPath => {
// return imagesPath
// }).catch(err => console.log(err))
// }
// function photos(id) {
// con.query("SELECT * FROM images WHERE store_id =" + id, function (error, resultss) {
// if (error) {
// return Array();
// }
// else {
// // callback(resultss);
// return resultss.json();
// // return id;
// // response.send(resultss)
// }
// });
// }
con.query('select * from store', function (error, results) {
if (error) {
response.status(400).send('Error in database operation');
} else {
// rest = { data };
var i = 0;
var arr1 = [];
var arr_2 = [];
data1 = new Object();
var api = [];
var arr3 = [];
for (i = 0; i < results.length; i++) {
// var resultsss = {}
con.query('select img_path from images WHERE store_id =' + results[i].store_id, function (error, resultss) {
if (error) {
response.status(400).send('Error in database operation');
}
else {
********I am having problem here.. this assignment is not working********
********I am having problem here.. this assignment is not working********
********I am having problem here.. this assignment is not working********
arr3 = [resultss];
}
})
// var photo = ;
// console.log(photo);
c_data = {
"store_id": results[i].store_id
, "store_category": results[i].categery_id
, "store_name": results[i].store_name
, "store_owner": results[i].store_owner,
"store_image": results[i].store_image,
"store_detail": results[i].store_detail,
"store_image": results[i].store_image,
"store_discounts": results[i].store_discounts,
"store_promotions": results[i].store_promotions,
"store_phone1": results[i].store_phone1,
"store_phone2": results[i].store_phone2,
"store_rating": results[i].store_rating,
"store_phone1": results[i].store_phone1,
"store_longitude": results[i].store_longitude,
"store_latitude": results[i].store_latitude,
"store_address": results[i].store_address,
"store_link": results[i].store_link,
"store_facebook_link": results[i].store_facebook_link,
// "photos": photos(results[i].store_id)
// .then((resultss) => {
// console.log(resultss)
//do stuff here on success
// })
// .catch(err => {
// // handle errors here if any
// }),
"photos": arr3,
"store_timings": ["Monday " + results[i].Monday_open + " - " + results[i].Monday_close,
"Tuesday " + results[i].Tuesday_open + " - " + results[i].Tuesday_close,
"wednesday " + results[i].Wednesday_open + " - " + results[i].Wednesday_close,
"Thursday " + results[i].Thursday_open + " - " + results[i].Thursday_close,
"Friday " + results[i].Friday_open + " - " + results[i].Friday_close,
"Saturday " + results[i].Saturday_open + " - " + results[i].Saturday_close,
"Sunday " + results[i].Sunday_open + " - " + results[i].Sunday_close
]
};
arr_2.push(c_data);
}
data1.other = arr_2;
rest1 = { data1 }
response.send(
rest1
)
}
}
)
})
app.listen(3000, function () {
console.log('Express server is listening on port 3000');
})
your using a callback and that doesn't stop the function from executing
@@bawad what should i do then ?
Try using a promise
const {createReadStream, filename} = await file
createReadStream is not function.. how to solve?
any suggestions on updating the query so that it will display the uploaded images?
Thanks for the amazing video but Can you please tell how to show the file in UI , if bucket is private?
Hey Ben I have a question, I have integrated cloud storage for upload and download but for upload what I'm doing is I use multer with in memory storage, how do I optimise it for high loads because my server may run out of memory on spikes. File size can be atmost 100mb
use signed urls to upload directly to cloud storage
it says cannot read property join of undefined in the keyFilename join
I'm new to using GCS and would please like to know how to retrieve a file after I've uploaded it. Thanks
Hi! thanks for the video! I could upload the image from my node.js server to de google cloud api and then mi react component gets the right url (if i put in the browser that url it shows the image) but still the img html tag goes to the alt and i dont know why.. Anyone could help me??
Hello! Also faced with this. Have you found a solution?
Can you show an example of a download from Storage using node js with express?
Whenever I code that sure
I would love to know what that json file looks like. Any idea anyone? I have a key but it seems I can't just pass it as a string.
i'm sorry is an old question, but i find out is same key firebase create. you can check on here console.cloud.google.com/
Hi, can u make a series about sequalize, sql and node js?
have you watched my slack clone? th-cam.com/video/0MKJ7JbVnFc/w-d-xo.html
Hi Ben, did you ever implemented saving files to a google drive in node js for users who has to give permission? If you did, do you have any tips? What api did you use? Trying to figure it out.😃
haven't yet
@@bawad Nice challenge 😁
Great video! I have the exact same setup, and everything works, except the uploaded image is broken when I view it in the google console. Do you have any ideas on why? :(
Use an alternative with apps script, example th-cam.com/video/m3Sc7nVLPP8/w-d-xo.html
wait I need credit card info to create an account? wtf
Is there any risk for having images public for a site that needs to upload a lot of images - for example a bucket to hold thousands of product images.
It doesn't matter if these images are public in this example (in the sense that it's ok if someone views them all), but if someone was to cycle through all the images constantly (possibly maliciously), your bill would essentially be unlimited.
Is there some way to make images private, but accessible by the front end/your backend etc?
probably, but I haven't look into it much
if create a blog like app using MERN can I use this method to upload images like post, and can other user post as well..... ?🤔
thanks from brazil o/
Im getting this 500 error : invalid grant invalid jwt: Token must be a short-lived version (60 minutes) and in a reasonable timeframe. Check your iat and exp values in the JWT claim. Does anyone have any idea on how to solve this?
This is probably not relevant for you anymore, but for any future readers when regenerating a new jwt token you must remove the iat and exp properties from the authenticated user details you're passing on to the jwt.sign.
Very nice video, liked a lot. Question: can I use google cloud storage client library in a google cloud function, or I want to know if it is incorrect?? Wich is the best way to do it?
I'm not sure, I haven't tried cloud functions
@@bawad thanks, I'll check it out.
me sirvio! gracias!
Hi Ben, may you make a video about google cloud for databases, like implementing a redis or postgres instance
where are you running into trouble?
@@bawad both, but instead postgres I use MySQL :p
when you create a db on google cloud it should give you a url you can use
thanks!!
Have you tried digitalocean spaces? 5$ for 250gb storage and 2tb traffic
I haven't, the price is enticing but I heard the speed was meh
If you provide a path to a JSON file, the projectId is not necessary.
cool, thanks
Were you not using S3 Transfer Acceleration?
nope
Hi Ben, can you also teach how the graphql mutation to delete the image from google server.
Do you know how to delete an image from google using their API?
thanks
how to set expiration for the file
thanks a lot
how to upload react js image to google bucket???
allUsers access gives an error anymore
i still dont understand from where the apollo test json file came ??
google cloud credentials, you'll get them from google
@@bawad aa, thanks ! keep it uup
Is there a solution to use env variable instead of json file
copy the file content needed to env file and use dotenv
Plot Twist: He only made the video to show the front-end framework tierlist on his desktop (8:28)
Can I provide the bucket URL to put files in it thru nodejs ?
I'm not sure
@@bawad I have to provide the Path as a param among others in JSON format for third party app, how can I put the location of the bucket so that this third party can put the file on it (I can only provide the location where to put the file, I don't have control on this third party) Thanks.
how much data, we can store for free?
you get a $300 credit when you sign up
@@bawad every month or once?, And how much google charge per GB?
just fuckin perfect god bless you :)
happy to help :)
There is one way that i can upload files from url? Example:
storage.bucket(firebaseConfig.storageBucket)
.upload('www.my-site.com/myImage.jpg', {
gzip: true,
metadata: {
cacheControl: 'public, max-age=31536000',
},
});
very hard to understand
Just rewrite the code or request th-cam.com/video/m3Sc7nVLPP8/w-d-xo.html
Excellent video, thank you!