Upload with huggingface_hub

requirements.txt

@@ -1,2 +1,2 @@
 
-https://gradio-main-build.s3.amazonaws.com/092b7448e657811ec8c6a041b87314ac8842fb52/gradio-3.20.1-py3-none-any.whl
+https://gradio-main-build.s3.amazonaws.com/f8159aa5f4bb4a86c84cda4f13f5db8dbef312ba/gradio-3.20.1-py3-none-any.whl

run.ipynb

@@ -1 +1 @@
-{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: chatbot_multimodal"]}, {"cell_type": "code", "execution_count": null, "id": 272996653310673477252411125948039410165, "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": 288918539441861185822528903084949547379, "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "from urllib.parse import quote\n", "\n", "with gr.Blocks() as demo:\n", " chatbot = gr.Chatbot(elem_id=\"chatbot\").style(height=500)\n", "\n", " with gr.Row():\n", " with gr.Column(scale=0.85):\n", " txt = gr.Textbox(\n", " show_label=False,\n", " placeholder=\"Enter text and press enter, or upload an image\",\n", " ).style(container=False)\n", " with gr.Column(scale=0.15, min_width=0):\n", " btn = gr.UploadButton(\"\ud83d\uddbc\ufe0f\", file_types=[\"image\"])\n", "\n", " def add_text(history, text):\n", " history = history + [(text, None)]\n", " return history, \"\"\n", "\n", " def add_image(history, image):\n", " history = history + [(f\"![](/file={quote(image.name)})\", None)]\n", " return history\n", "\n", " def bot_response(history):\n", " response = \"Cool!\"\n", " history[-1][1] = response\n", " return history\n", "\n", " txt.submit(add_text, [chatbot, txt], [chatbot, txt]).then(\n", " bot_response, chatbot, chatbot\n", " )\n", " btn.upload(add_image, [chatbot, btn], [chatbot]).then(\n", " bot_response, chatbot, chatbot\n", " )\n", "\n", "if __name__ == \"__main__\":\n", " demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}
+{"cells": [{"cell_type": "markdown", "id": 302934307671667531413257853548643485645, "metadata": {}, "source": ["# Gradio Demo: chatbot_multimodal"]}, {"cell_type": "code", "execution_count": null, "id": 272996653310673477252411125948039410165, "metadata": {}, "outputs": [], "source": ["!pip install -q gradio "]}, {"cell_type": "code", "execution_count": null, "id": 288918539441861185822528903084949547379, "metadata": {}, "outputs": [], "source": ["import gradio as gr\n", "\n", "def add_text(history, text):\n", " history = history + [(text, None)]\n", " return history, \"\"\n", "\n", "def add_file(history, file):\n", " history = history + [((file.name,), None)]\n", " return history\n", "\n", "def bot(history):\n", " response = \"**That's cool!**\"\n", " history[-1][1] = response\n", " return history\n", "\n", "with gr.Blocks() as demo:\n", " chatbot = gr.Chatbot([], elem_id=\"chatbot\").style(height=750)\n", " \n", " with gr.Row():\n", " with gr.Column(scale=0.85):\n", " txt = gr.Textbox(\n", " show_label=False,\n", " placeholder=\"Enter text and press enter, or upload an image\",\n", " ).style(container=False)\n", " with gr.Column(scale=0.15, min_width=0):\n", " btn = gr.UploadButton(\"\ud83d\udcc1\", file_types=[\"image\", \"video\", \"audio\"])\n", " \n", " txt.submit(add_text, [chatbot, txt], [chatbot, txt]).then(\n", " bot, chatbot, chatbot\n", " )\n", " btn.upload(add_file, [chatbot, btn], [chatbot]).then(\n", " bot, chatbot, chatbot\n", " )\n", "\n", "if __name__ == \"__main__\":\n", " demo.launch()\n"]}], "metadata": {}, "nbformat": 4, "nbformat_minor": 5}

run.py

@@ -1,9 +1,21 @@
 import gradio as gr
-from urllib.parse import quote
 
-with gr.Blocks() as demo:
- chatbot = gr.Chatbot(elem_id="chatbot").style(height=500)
+def add_text(history, text):
+ history = history + [(text, None)]
+ return history, ""
+
+def add_file(history, file):
+ history = history + [((file.name,), None)]
+ return history
 
+def bot(history):
+ response = "**That's cool!**"
+ history[-1][1] = response
+ return history
+
+with gr.Blocks() as demo:
+ chatbot = gr.Chatbot([], elem_id="chatbot").style(height=750)
+ 
  with gr.Row():
  with gr.Column(scale=0.85):
  txt = gr.Textbox(
@@ -11,26 +23,13 @@ with gr.Blocks() as demo:
  placeholder="Enter text and press enter, or upload an image",
  ).style(container=False)
  with gr.Column(scale=0.15, min_width=0):
- btn = gr.UploadButton("🖼️", file_types=["image"])
-
- def add_text(history, text):
- history = history + [(text, None)]
- return history, ""
-
- def add_image(history, image):
- history = history + [(f"![](/file={quote(image.name)})", None)]
- return history
-
- def bot_response(history):
- response = "Cool!"
- history[-1][1] = response
- return history
-
+ btn = gr.UploadButton("📁", file_types=["image", "video", "audio"])
+ 
  txt.submit(add_text, [chatbot, txt], [chatbot, txt]).then(
- bot_response, chatbot, chatbot
+ bot, chatbot, chatbot
  )
- btn.upload(add_image, [chatbot, btn], [chatbot]).then(
- bot_response, chatbot, chatbot
+ btn.upload(add_file, [chatbot, btn], [chatbot]).then(
+ bot, chatbot, chatbot
  )
 
 if __name__ == "__main__":