Really nice tutorial! thanks. to anyone having troubles with this project, add "model : 'dall-e-3'" and 'n:1' and google the sizes of dall-e-3 and choose your ideal. Then you will get an error, the "bill" error, which means you have to pay the API, otherwise you can't access it. Still it's amazing to know how to build an AI project with javascript.
Oh it would be fun if you created your own actual AI modal just use an transformer with few billion or million images labeled easy as it sounds with libbs like tensor flow training is easy creating server and we got it
i followed the tutorial but my code is not working "{ "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" } }" I've been stuck here since this morning, I can't move forward. Could I have a solution?
Sir, please could you explain how querySelector of download Btn still works (after generate AI images) after you although you already remove the download button from the initial showcase images (the main one from HTML) ? Or it is take it from imgCardMarkup ?
This is Disgusting completed the project as it is but getting the same error as mostly people mentioned here, tried other apis like gemini etc but not working😢😢😢😢
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 will work as expected.
{ "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" } } please help me with this error m not able to solve this error
Thanks for doing this, love your work! I'm having a similar issue as others have shared with the API key I generated not working. From what I can gather, you have to subscribe to an OpenAI pricing plan in order to generate an API key as the free one is designated as a test key. Are you able to confirm if this is correct? Much appreciated!
OpenAI no longer provides free credits for its API. However, you can get started with just $5. Once you purchase the credits, your API key will be activated, and this AI image generator will create images based on your prompts without any issues.
{ "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" } } anyone her solved this error?
Refer to the README file included in the downloaded zip for instructions on how to run the project. If you still encounter issues, you can message me on the Buy Me Coffee page.
{ "error": { "code": "billing_hard_limit_reached", "message": "Billing hard limit has been reached", "param": null, "type": "invalid_request_error" } } help me fix
did anyone got solution to 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" } }
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.
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/
@@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.
ı followed thhe tutorial but my code is not working "{ "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" } }" can somone help me please?
"{ "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
Thank you so much for making this available on CZcams. You provide top-notch quality here. I'm a big fan of your videos.
Really nice tutorial! thanks. to anyone having troubles with this project, add "model : 'dall-e-3'" and 'n:1' and google the sizes of dall-e-3 and choose your ideal. Then you will get an error, the "bill" error, which means you have to pay the API, otherwise you can't access it. Still it's amazing to know how to build an AI project with javascript.
I'm getting access limit error can you please guide me?
@@meghashah269 did your error resolved
wow this is the right place to learn coding
Oh it would be fun if you created your own actual AI modal just use an transformer with few billion or million images labeled easy as it sounds with libbs like tensor flow training is easy creating server and we got it
instead of making a top blacklayer and making it adjust you can use filter: brightness(0.8) its works best
COOL 😍😍BUT WHEN WILL YOU UPLOAD THE SOURCE CODE ON YOUR WEBSITE ?
Here is the source code link: www.codingnepalweb.com/ai-image-generator-website-html-javascript/
I always watch your tutorials
Thank you soo much for this amazing video 😍
Instead of converting the response as a json we can directly make the response as a url and convert it into blob
OMG It 's what I've been looking for :)
Happy to hear that :)
It is an amazing work bro ✌😍
i followed the tutorial but my code is not working "{
"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"
}
}" I've been stuck here since this morning, I can't move forward. Could I have a solution?
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!
Sir, please could you explain how querySelector of download Btn still works (after generate AI images) after you although you already remove the download button from the initial showcase images (the main one from HTML) ?
Or it is take it from imgCardMarkup ?
because when you're generating images you generate const imgCardMarkup where the dwnload button is still present
Excellent.
Perfect job🎉🎉🎉 thanks 😊😊😊
Thank you too!
can you make same project using hugging face
This is Disgusting completed the project as it is but getting the same error as mostly people mentioned here, tried other apis like gemini etc but not working😢😢😢😢
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 will work as expected.
Can you upload a tutorial for the same project using HuggingFace models instead of Open ai??@@CodingNepal
wow amazing 🥰😍🤩
Thank you!!
This nice working perfectly and I want be like ai quiz generator website plz create the video for this website 🙏🏻
How can this work if all users get a message about an incorrect api key when they click the generation button?
Amazing
Thanks
Thank you very much, but I have a question: how can I run dall.e3 in this same project
First
{
"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"
}
}
please help me with this error m not able to solve this error
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
@@Nithish_kumar3 How much does it cost to pay for API
PLease help we are getting error of API KEY i have done all correct can you check once!!
issue resolved??
I added my api key, still not working.
Did you have limit in api key
could someone borrow me a api key? i'm not getting it work
its paid
How to add my website bottom in chatbot pls give me a solution
Thanks for doing this, love your work! I'm having a similar issue as others have shared with the API key I generated not working. From what I can gather, you have to subscribe to an OpenAI pricing plan in order to generate an API key as the free one is designated as a test key. Are you able to confirm if this is correct? Much appreciated!
Thank you so much 🥰❣️❣️❣️
You are so welcome
How to add a chatbot in my website at bottom pls tell mee 🙏
First 🥇
Please pin because it is going to viral 😊
nah
Sir, my image is not generating. The api isn't workin perfectly. Can you guide me?
OpenAI no longer provides free credits for its API. However, you can get started with just $5. Once you purchase the credits, your API key will be activated, and this AI image generator will create images based on your prompts without any issues.
How to make this using pixabay API?
hey codingnepal tou can post payment method strip steb by step? how i can install npx init in Visual code idk
Please create a professional video editing app
{
"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"
}
}
anyone her solved this error?
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?
i purshased this code but isnt working in wordpress
Refer to the README file included in the downloaded zip for instructions on how to run the project. If you still encounter issues, you can message me on the Buy Me Coffee page.
sir they are asking for api key
Sir why don't u explain what code use why u use ?
at19:54 what was that mark you used??
It's a backticks ` `
{
"error": {
"code": "billing_hard_limit_reached",
"message": "Billing hard limit has been reached",
"param": null,
"type": "invalid_request_error"
}
}
help me fix
We have to pay for apikey
did anyone got solution to 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"
}
}
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??
Who has this code, pls tell me! Thanks very much!
Bii
Bio
@@TOONSSTATION what is that?
@@skillofficialentertainment check the description of this video it has the source code
@@TOONSSTATION i checked it pls,
Hate it , Project is not working properly. I got stuck and give 2 days still issue not resolve. Not satisfied of this project code
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.
"Authorization": `Bearer ${OPENAI_API_KEY}` not working
use the word headers instead of header
@@ascodes3461bro this is not a solution
need help
Have a problem with FETCH!!!
error 400
"message": "Additional properties are not allowed ('promt' was unexpected)"
"type": "invalid_request_error"
i got the same error
spelling of prompt
ı followed thhe tutorial but my code is not working "{
"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"
}
}" can somone help me please?
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
How to create a free API KEY 🗝️ tell mee bro
hi
Need valid key 🗝️
The api is paid😢
Isn't there is any free version?
Use hugging face models
Bonjour, j'ai tout bien fait mais ça me dit que la clé API n'est pas correct... Pouvez-vous m'aider s'il vous plait ?
You speak french in a english video and you expect someone will help you, good luck