Issue with loading images from google drive
Answered
Virginia's Warbler posted this in #help-forum
Virginia's WarblerOP
I am trying to get images from google drive, I am not sure what am I missing in my next.config file or config
My image is public on google drive.
I tried getting the image two different ways to src
My image is public on google drive.
I tried getting the image two different ways to src
Answered by Ray
try this url on the <Image />
https://drive.google.com/uc?export=view&id=1kpKc3gk_D7vYDH6l3Qw7tUFD1eeEYe-L10 Replies
what do you see if you click the url?
@Ray what do you see if you click the url?
Virginia's WarblerOP
the image
@Virginia's Warbler the image
what do you see on the address bar
Virginia's WarblerOP
https://drive.google.com/file/d/1kpKc3gk_D7vYDH6l3Qw7tUFD1eeEYe-L/view?usp=drive_link
after clicking the address bar I get this :
https://doc-0k-38-docs.googleusercontent.com/docs/securesc/nvd3glghj3h05fqmdorqob61ptq6kaj0/4rv988pqmjq2qoeqce5io3qvnvvchtp6/1704253650000/04497330153726353656/04497330153726353656/1kpKc3gk_D7vYDH6l3Qw7tUFD1eeEYe-L?e=view&ax=AEqgLxk1spI7jJ93-8RwjXRHGHdNbT9aitv4la9lMbwx6PJ6CgR7yyK7ZUeGNgFfFSWYqnWE8ts-NSF9-xHngYmipWQJ3EQD8OzrDhQdKx-o8D6EeKIRHXlIWJUdAHllLx2nTGrLx10ZXci9d_46qknkz2FCRx-F70DBwQHsjR11H8ZhXmaJfHGfBRs3uwnxTTLW-4FY6J4Prnpfa4qTpYFx71lNbGWjmM2ZHK7uFMYVlASBhPYnwHpaZwtYiEa6THmY-wtPkk64RLdHCPeECLY41oIj7Qew1nuovFJKzt19vJgThI6CLeRSwl4VS7Qi02lNO1OngQadzp6LElb0eD9G9eQfFVndeor9mO_LJNOg8MVjYPodnYcD9JCZkzq2hgYEnb6xIYT-Lge0KMZWD4wzAxubtyQ9jnBC4hkhjrZTGRCM5hi-C-o0MXCBJsGlQTrsoDExN-3AjlKH5q0J0Ojd20GqkvH2ilKaRV-L7sAocXG4KQXFPzA0-fA1RarFzoM9Nyz6DePnw0Vqlr99beAMd6prsVHOvYOyaMSyuWk2yc_9REhJQgMR2MvwMx9viHBHUrHbafCk0NoNPlbhbZIuIsWXeXbBLVgQzQUOdT2waZiunczQUcWnIGBm30pQG7vgZ_L4ynr-L7KMznaEqukEnAXpK9oqO4uQWPSYgVHbawvXtWMIERnSkZPKfR93tT2b2zA8YopA8v4EgbyAwOEjidr2WxUUU-EL3MVUQwUkYNvBup-0W9LiW-F9Yut7pvxcndSvVrz7v92A_LYMAVxWtYYHQ_UFa55eka-iL1hPCNoDzjANzad1ymY52b4OS971zN5CtJJSK7zpfOaVoxyKrnsx1K9kgqkXc2gOjNjUlJGCwjGkJEbKueEVpC6PsJEo8goaL4fEN598kZEuTDU&uuid=6cf6700e-2c76-43d3-9844-c1b78ebbeb43&authuser=0&nonce=id0a3616rnkb4&user=04497330153726353656&hash=l9qpmri97cug6a34fmphgeoluurjpb09
after clicking the address bar I get this :
https://doc-0k-38-docs.googleusercontent.com/docs/securesc/nvd3glghj3h05fqmdorqob61ptq6kaj0/4rv988pqmjq2qoeqce5io3qvnvvchtp6/1704253650000/04497330153726353656/04497330153726353656/1kpKc3gk_D7vYDH6l3Qw7tUFD1eeEYe-L?e=view&ax=AEqgLxk1spI7jJ93-8RwjXRHGHdNbT9aitv4la9lMbwx6PJ6CgR7yyK7ZUeGNgFfFSWYqnWE8ts-NSF9-xHngYmipWQJ3EQD8OzrDhQdKx-o8D6EeKIRHXlIWJUdAHllLx2nTGrLx10ZXci9d_46qknkz2FCRx-F70DBwQHsjR11H8ZhXmaJfHGfBRs3uwnxTTLW-4FY6J4Prnpfa4qTpYFx71lNbGWjmM2ZHK7uFMYVlASBhPYnwHpaZwtYiEa6THmY-wtPkk64RLdHCPeECLY41oIj7Qew1nuovFJKzt19vJgThI6CLeRSwl4VS7Qi02lNO1OngQadzp6LElb0eD9G9eQfFVndeor9mO_LJNOg8MVjYPodnYcD9JCZkzq2hgYEnb6xIYT-Lge0KMZWD4wzAxubtyQ9jnBC4hkhjrZTGRCM5hi-C-o0MXCBJsGlQTrsoDExN-3AjlKH5q0J0Ojd20GqkvH2ilKaRV-L7sAocXG4KQXFPzA0-fA1RarFzoM9Nyz6DePnw0Vqlr99beAMd6prsVHOvYOyaMSyuWk2yc_9REhJQgMR2MvwMx9viHBHUrHbafCk0NoNPlbhbZIuIsWXeXbBLVgQzQUOdT2waZiunczQUcWnIGBm30pQG7vgZ_L4ynr-L7KMznaEqukEnAXpK9oqO4uQWPSYgVHbawvXtWMIERnSkZPKfR93tT2b2zA8YopA8v4EgbyAwOEjidr2WxUUU-EL3MVUQwUkYNvBup-0W9LiW-F9Yut7pvxcndSvVrz7v92A_LYMAVxWtYYHQ_UFa55eka-iL1hPCNoDzjANzad1ymY52b4OS971zN5CtJJSK7zpfOaVoxyKrnsx1K9kgqkXc2gOjNjUlJGCwjGkJEbKueEVpC6PsJEo8goaL4fEN598kZEuTDU&uuid=6cf6700e-2c76-43d3-9844-c1b78ebbeb43&authuser=0&nonce=id0a3616rnkb4&user=04497330153726353656&hash=l9qpmri97cug6a34fmphgeoluurjpb09
yeah, it should show if you put this url in the <Image />
In this case, I think you could render the image on client side
Virginia's WarblerOP
@Virginia's Warbler Click to see attachment
try this url on the <Image />
https://drive.google.com/uc?export=view&id=1kpKc3gk_D7vYDH6l3Qw7tUFD1eeEYe-LAnswer
Virginia's WarblerOP
Ok I got it fixed, here are a few things to make sure when dealing with google drive:
notice the next.config.js settings. Notice how the image url changes when using it in the <Image src /> the scr is written a bit different and it is explained in the txt file
notice the next.config.js settings. Notice how the image url changes when using it in the <Image src /> the scr is written a bit different and it is explained in the txt file