Upload Files Without ChatGPT Plus | How To Upload Files In ChatGPT (New Update)
7In this tutorial, we'll provide you with a step-by-step guide on how to upload files in ChatGPT using the new update. We'll cover everything from accessing the file upload feature to successfully sending files during your conversations.
๐ Welcome to Create Login And Delete! In this video, we'll show you how to upload files in ChatGPT with the new update. If you're someone who wants to enhance your conversation experience by uploading files to ChatGPT, then this tutorial is perfect for you.
Tips for uploading files in ChatGPT
๐ If you have any questions or need help uploading files in ChatGPT, feel free to leave a comment below, and we'll do our best to assist you. Don't forget to like the video if you found it helpful, and share it with friends or family who might also be interested in uploading files during their ChatGPT conversations.
๐ฑ Timestamps:
0:00 - Introduction
0:05 - How to Upload Files in ChatGPT
0:10 - Steps to Upload Files in ChatGPT
Prompt:
"Generate a Js script that creates a button with the text โSubmit Fileโ and inserts it into the DOM before an element with the class โ.flex.flex-col.w-full.py-2.flex-grow.md\:py-3.md\:pl-4โ. The button should have a green background color, white text color, 5px padding, no border, 5px border radius and 5px margin. The script should also create a progress element and insert it into the DOM before the same element. The progress element should have a width of 99%, height of 5px and a grey background color. Inside the progress element, there should be another div element representing the progress bar with a width of 0%, height of 100% and blue background color. When the button is clicked, it should create an input element of type โfileโ that accepts โ.txtโ, โ.jsโ, โ.pyโ, โ.htmlโ, โ.cssโ, โ.jsonโ and โ.csvโ files. Once a file is selected, using an async it should be read as text and split into chunks of size 15000. using async Each chunk should be submitted into a conversation by doing the following:
async function submitConversation(text, part, filename) {
const textarea = document.querySelector("textarea[tabindex='0']");
const enterKeyEvent = new KeyboardEvent("keydown", {
bubbles: true,
cancelable: true,
keyCode: 13,
});
textarea.value = `Part ${part} of ${filename}: \n\n ${text}`;
textarea.dispatchEvent(enterKeyEvent);
}.
The progress bar should be updated after each chunk is submitted within the for loop as follows
progressBar.style.width = `${((i + 1) / numChunks) * 100}%`;
and should also check if chatgpt is ready with this code:
chatgptReady = false;
while (!chatgptReady) {
await new Promise((resolve) =๏ผ setTimeout(resolve, 1000));
chatgptReady = !document.querySelector(
".text-2xl ๏ผ span:not(.invisible)"
Once all chunks have been submitted, the progress bar should turn blue."
๐ Stay updated with our latest content by subscribing to the Create Login And Delete channel and turning on notifications: https://www.youtube.com/channel/UC2WI5OMfh6yubww10y8qe0g
#CreateLoginAndDelete #ChatGPTFileUpload #EnhanceConversationExperience #NewUpdate #VideoTutorial #2023
Subscribe to Create Login And Delete:
https://www.youtube.com/channel/UC2WI5OMfh6yubww10y8qe0g