Upload with huggingface_hub

requirements.txt

@@ -1,2 +1,2 @@
 
-https://gradio-main-build.s3.amazonaws.com/11bb732f5d12284aad1a139fd3891bd01ff1167d/gradio-3.20.1-py3-none-any.whl
+https://gradio-main-build.s3.amazonaws.com/092b7448e657811ec8c6a041b87314ac8842fb52/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", "def add_text(history, text):\n", "    history = history + [(text, text + \"?\")]\n", "    return history\n", "\n", "def add_image(history, image):\n", "    history = history + [(f\"![](/file={quote(image.name)})\", \"Cool pic!\")]\n", "    return history\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(show_label=False, placeholder=\"Enter text and press enter, or upload an image\").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", "    txt.submit(add_text, [chatbot, txt], [chatbot])\n", "    txt.submit(lambda :\"\", None, txt, queue=False)\n", "    btn.upload(add_image, [chatbot, btn], [chatbot])\n", "            \n", "if __name__ == \"__main__\":\n", "    demo.launch()"]}], "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", "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}

run.py

@@ -1,26 +1,37 @@
 import gradio as gr
 from urllib.parse import quote
 
-def add_text(history, text):
-    history = history + [(text, text + "?")]
-    return history
-
-def add_image(history, image):
-    history = history + [(f"![](/file={quote(image.name)})", "Cool pic!")]
-    return history
-
 with gr.Blocks() as demo:
     chatbot = gr.Chatbot(elem_id="chatbot").style(height=500)
-    
+
     with gr.Row():
         with gr.Column(scale=0.85):
-            txt = gr.Textbox(show_label=False, placeholder="Enter text and press enter, or upload an image").style(container=False)
+            txt = gr.Textbox(
+                show_label=False,
+                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"])
-            
-    txt.submit(add_text, [chatbot, txt], [chatbot])
-    txt.submit(lambda :"", None, txt, queue=False)
-    btn.upload(add_image, [chatbot, btn], [chatbot])
-            
+
+    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
+
+    txt.submit(add_text, [chatbot, txt], [chatbot, txt]).then(
+        bot_response, chatbot, chatbot
+    )
+    btn.upload(add_image, [chatbot, btn], [chatbot]).then(
+        bot_response, chatbot, chatbot
+    )
+
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()