Uploading Files to ChatGPT: A More Powerful Experience #chatgpt #plugin #openai #booklet

hello everyone today I'm going to show you how I created this submit file button for chapter PT when you click on the button you will be prompted to upload a file and the script will take the data of that file and submit it into chatgpt and if it's a large file the script will take the data and break it into chunks and feed it into chatgpt now let's take a look at the prompt we will be using in the first part of the prompt we're asking chatgpt to create a button called submit file and then it should add this button on an element on the web page that will be provided with more information on how to design the button we also asked chatgpt to create another object that would represent the progress bar and as well as the properties for that and now we ask chapter PT to create an element that will receive these types of file formats and if the files are over 15 000 characters then break them into chunks and submit them into chatbt just a note chat should be taken take a little bit over 15 000 characters at a given time however when taking in that much information on one given time chat should be T might have a hard time digesting the information and the results may be less accurate okay in the next part of the prompt we provided with some code for some guidance on how it would insert the information into chatbt then we also specify how we want the data submitted we want to include the part of the chunk that is being submitted and as well as the file name and finally we ask Chacha BT to update the progress bar for every part it submits once all the data has been submitted then turn the progress bar blue so before we get started this here is our test file called test.txt you can see that it has a lot of code inside so let's take all the code in this file and copy it and it's pasted into chat should be T and see what happens and you can see that we received an error message that the message that we submitted was too long and that we needed to reload the page to submit something shorter so let's see if we can find a solution for this let's start a new chat and insert our prompt [Music] okay so now that we have our code let's copy the code right click select inspect then select console and then I'm just going to clear these errors here and what we're going to do is we're going to paste the code inside here and hit enter this will inject the code into the web page and should add our button so there we have our button let's click on the submit file button to see if it works and it seems to be working so now let's click on our test.txt and load that up and see what happens okay so you can see chadshipbt loads the first 15 000 characters into the chat it submits it and you can also see the progress bar reflect how much is being inserted so what's Chacha PT provides us a summary for the data it just received it should then submit the next 15 000 characters [Music] okay so it looks like it just completed and it provided us a quick summary of what it received and so if we scroll all the way up here we can see that it says part one of test.txt so it's providing us with the section that it's submitting and it's also providing us the name of the file we just inserted and you can see here the same thing for part two and for part three now let's take this code and turn it into a bookmarklet let's first copy the code then start a new chat session and we're going to type in please convert the following code into a bookmarklet and then paste a code [Music] now let's copy the code and let's head over to the bookmarks icon here now let's select more I'm going to name this upload file to chatgpt and then I'm going to paste the code into the URL box now click save and now we should see our bookmark on the top left of the page when we click on that bookmark we should see our button pop up on the web page okay so let's give it a click there it is let's select our file okay so it's working okay so just a tip here you can actually stop Chacha BT from generating a response and making this whole process faster however you might run into this error where chatgpt says to wait on its response before submitting under the message so if you do want to do that perhaps you might have to add a delay when clicking on that stop generating button so let's reload this page [Music] and resubmit our file and then once we receive our response you're probably going to want to let it give you two or three lines before you hit stop generating response and it should continue after that okay so looks like it's working okay now if you want to make this into a chrome plugin you can just copy the code paste the code into a new chat and then type in I need this to be a chrome plugin please provide me with as little files as possible I would not need to pop up that HTML okay so chat should be T just provided us with the manifest.json file and a blank content.js file we're going to paste our current code inside the content.js file so for right now we're just going to save the blank version of it and then let's also save the manifest.json file okay now we're going to scroll all the way to the top and copy the original code we submitted and we're going to go into visual studio and just paste this code into the content.js okay now let's save the file let's open up our extensions web page and then we're going to click on load unpacked we're going to select our project folder and there is our extension right there I'm just going to check very quickly to see if we have any errors and we do not now let's go back into chat GPT let's try refreshing the page and now you see that it's working now let's do a quick test run and it works now if you're trying this yourself just remember that you can change the amount of chunks that are being fed to chat should be T so if you don't want to use 15 000 characters you can do it as low as 10 000 or perhaps even five thousand it would just take more prompts to submit the information and then in that case chat should be team will be able to give you more accurate information I hope this was helpful and perhaps you can add the secret coding toolbox if you guys have any questions or requests feel free to leave them in the comments below and if you like this kind of content hit the like button and subscribe until next time

Channel: Automate My Life

Views: 545,396

Keywords: chatgpt, programming, code, openai, javascript, inject, plugin, web development, how to learn to code for beginners, chrome script, coding tutorial, how to use chat gpt, software engineering, Automate my life, chatgpt web scraping, app development, code with chatgpt, chatgpt explained, chatgpt examples, chatgpt code, learning to code, java for beginners, how to learn programming, learn to code with java, chatgpt tips, chatgpt hack, chatgpt plugin, plugins, coding tips, extension

Id: iR99LO28nzM

Length: 7min 46sec (466 seconds)

Published: Tue May 09 2023

Reddit Comments

[u/AutoModerator]

Hey /u/christmaspoo, please respond to this comment with the prompt you used to generate the output in this post. Thanks!

^{Ignore this comment if your post doesn't have a prompt.}

We have a public discord server. There's a free Chatgpt bot, Open Assistant bot (Open-source model), AI image generator bot, Perplexity AI bot, 🤖 GPT-4 bot (Now with Visual capabilities (cloud vision)!) and channel for latest prompts.So why not join us?

Prompt Hackathon and Giveaway 🎁

PSA: For any Chatgpt-related issues email [e-mail]

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/John_val]

This looks amazing. Could this be turned into a chatgpt plugin?