image

[handsomejj12]

Describe the bug

unable to add image into the website, did 5 different prompts but still ended up with the same results.

Link to the Bolt URL that caused the error

https://bolt.new/~/sb1-qfsmdygh

Validations

• Please make your project public or accessible by URL. This will allow anyone trying to help you to easily reproduce the issue and provide assistance.

Steps to reproduce

remove the picture of guy and girl on the right and insert this photo inside

Expected behavior

i uploaded an image and i ask bolt to add it in, it kept adding the wrong image and sometimes its the same image sometimes its a brand new image.

Screen Recording / Screenshot

No response

Platform

Browser name = Chrome
Full version = 132.0.0.0
Major version = 132
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36
performance.memory = {
  "totalJSHeapSize": 75633798,
  "usedJSHeapSize": 72877974,
  "jsHeapSizeLimit": 4294705152
}
Username = [email protected]
Chat ID = 10fc8564c651
Client version = 4b345df
Server version = 4b345df

Additional context

No response

[codewithtyler]

Hi @handsomejj12 thanks for the response. Here's 2 approaches you can take that should work to solve your problem.

1. You can send Bolt the following prompt For this app if I want to upload images where should the images go? This should create an images folder at the location public/images. You can see this by going to the code tab. Alternative you could right click and create these folders yourself. See the screenshot below of what it will look like when this is done. You may not realize this but you can drag and drop files into folders inside of Bolt. Take your image, name it something short like girls.jpg so that the file name is not and short. Once it's been renamed then drag and drop it from your computer into the images folder. Now that you've got the image in file and it's name is short you can say replace X image with girls.jpg and it will know exactly what image should go there because you was able to tell it exactly what image should be replacing the original.

2. The second option is to go and create an account on UploadThing.com. Once there create an app that has the same name as your current app. This will give you 2 GB of file storage. Upload your images there, then right click on the image and it should give you a link that you can copy. Then just give Bolt that link for each image and it will handle the rest.