Build An AI Image Generation Website in HTML CSS and JavaScript | Like Midjourney and DALL-E 

I'm getting access limit error can you please guide me?

@@meghashah269 did your error resolved

Happy to hear that :)

Thank you too!

Thank you!!

Thanks

because when you're generating images you generate const imgCardMarkup where the dwnload button is still present

Here is the source code link: www.codingnepalweb.com/ai-image-generator-website-html-javascript/

How can this work if all users get a message about an incorrect api key when they click the generation button?

You are so welcome

It's a backticks ` `

yes got the same error! please tell if you have solved this😓

use the word headers instead of header

Did you manage to fix it?

Yeah I have got the same error

Do you have this code? pls give me! Thanks bro very much!

issue resolved??

its paid

yes i am also stuck at this . please tell if you have solved this problem

@@sauravsharma5999 anyone solved the error ?

Anyone fix it?

We have to pay for apikey then only we can access

Open ai has credit that you can use while in trial period. That means that your key is probably expired because your trial period has ended. You can pay credits to use it, but it may not be worth it since a lot of people are complaining the theres a problem with the system that checks the usage, and their keys often appear to consume the credit at an unrealisstic pace.

have you resolved this issue??

Did you have limit in api key

use the word headers instead of header

Did you manage to fix it?

can you tell where to change this@@ascodes3461

Have yo managed to fix it?

It seems OpenAI no longer provides free credits for API usage. The minimum cost to get started is now $5. Once the payment is made, this project should work as expected.

Please double-check your API call to ensure that the request method is set to POST.

@@CodingNepal type is POST

Same error coming in my project..can you please test your code@@CodingNepal

"{ "error": { "code": null, "message": "Not allowed to GET on /v1/images/generations. (HINT: Perhaps you meant to use a different HTTP method?)", "param": null, "type": "invalid_request_error" } }"@@CodingNepal

Did you manage to fix it?@@chandan_mishra18

We have to pay for apikey

use the word headers instead of header

​@@ascodes3461bro this is not a solution

Bii

Bio

@@TOONSSTATION what is that?

@@skillofficialentertainment check the description of this video it has the source code

@@TOONSSTATION i checked it pls,

It works perfectly if you follow the steps properly. If you need source code, here it is: Here is the source code link: www.codingnepalweb.com/ai-image-generator-website-html-javascript/

no its not ı am taking this error "{ "error": { "code": null, "message": "Not allowed to GET on /v1/images/generations. (HINT: Perhaps you meant to use a different HTTP method?)", "param": null, "type": "invalid_request_error" } }" and my code is "const generateForm = document.querySelector(".generate-form"); const imageGallery = document.querySelector(".image-gallery"); const OPENAI_API_KEY = "my_key"; const updateImageCard = (imgDataArray) => { imgDataArray.forEach((imgObject, index) => { const imgCard = imageGallery.querySelectorAll(".img-card")[index]; const imgElement = imgCard.querySelector("img"); const aiGeneratedImg = `data:image/jpeg;base64,${imgObject.b64_json}`; imgElement.src = aiGeneratedImg; imgElement.onload = () => { imgCard.classList.remove("loading"); } }); } const generateAiImages = async (userPrompt, userImageQuantity) => { try{ const response = await fetch("api.openai.com/v1/images/generations",{ method: "POST", headers: { "Content-Type": "application/json", "Authorization": `Bearer ${OPENAI_API_KEY}`, }, body: JSON.stringify({ prompt: userPrompt, n: parseInt(userImageQuantity), size: "512x512", response_format: "b64_json" }) }); if(!response.ok) throw new Error("Failed to generate images! Please try again."); const { data } = await response.json(); updateImageCard([...data]); } catch(error){ alert(error.message); } } const handleFormSubmission = (e) => { e.preventDefault(); const userPrompt = e.srcElement[0].value; const userImageQuantity = e.srcElement[1].value; const imgCardMarkup = Array.from({length: userImageQuantity}, () => ` ` ).join(""); imageGallery.innerHTML = imgCardMarkup; generateAiImages(userPrompt, userImageQuantity); } generateForm.addEventListener("submit", handleFormSubmission); "@@CodingNepal

Did u find the solution? Pleade help me

​​@@CodingNepal next time please use free apis😞 I wasted so many hours but unfortunately not able to complete due to the same invalid request error405

@@siddhantgupta11 When I created this project, OpenAI used to give some free credits for their API usage. However, it appears that OpenAI no longer offers free credits. The minimum cost to get started is $5. Once the payment is made, the project should work as expected.

i got the same error

spelling of prompt

You speak french in a english video and you expect someone will help you, good luck

Isn't there is any free version?