WIP: 上传文件按钮可以多次上传

web_assets/javascript/ChuanhuChat.js

@@ -14,6 +14,7 @@ var appTitleDiv = null;
 var chatbotArea = null;
 var chatbot = null;
 var chatbotIndicator = null;
+var uploaderIndicator = null;
 var chatbotWrap = null;
 var apSwitch = null;
 var messageBotDivs = null;
@@ -42,9 +43,10 @@ var currentTime = new Date().getTime();
 let windowWidth = window.innerWidth; // 初始窗口宽度
 
 function addInit() {
-    var needInit = {chatbotIndicator};
+    var needInit = {chatbotIndicator, uploaderIndicator};
     
     chatbotIndicator = gradioApp().querySelector('#chuanhu-chatbot > div.wrap');
+    uploaderIndicator = gradioApp().querySelector('#upload-index-file > div.wrap');
 
     for (let elem in needInit) {
         if (needInit[elem] == null) {
@@ -54,7 +56,8 @@ function addInit() {
     }
 
     chatbotObserver.observe(chatbotIndicator, { attributes: true });
-
+    setUploader();
+    
     return true;
 }
 
@@ -100,7 +103,7 @@ function initialize() {
     setPopupBoxPosition();
     setSlider();
     checkModel();
-    transUpload();
+    // transUpload();
     // transCheckbox();
     setCheckboxes();
     // setScrollShadow();

web_assets/javascript/fake-gradio.js

@@ -7,11 +7,39 @@ function newChatClick() {
 }
 
 // index files
+function setUploader() {
+    transUpload();
+    var uploaderObserver = new MutationObserver(function (mutations) {
+        var fileInput = null;
+        var fileCount = 0;
+        fileInput = gradioApp().querySelector("#upload-index-file table.file-preview");
+        if (fileInput) {
+            chatbotArea.classList.add('with-file');
+            fileCount = fileInput.querySelectorAll('tbody > tr.file').length;
+            // chatbotArea.
+        } else {
+            chatbotArea.classList.remove('with-file');
+            fileCount = 0;
+            transUpload();
+        }
+    });
+    uploaderObserver.observe(uploaderIndicator, {attributes: true})
+}
+var grUploader;
+var chatbotUploader;
+var handleClick = function() {
+    grUploader.click();
+
+};
 function transUpload() {
-    var grUploader = gradioApp().querySelector("#upload-index-file > .center.flex");
-    var chatbotUploader = gradioApp().querySelector("#upload-files-btn");
-    let uploaderEvents = ["click", "drag", "dragend", "dragenter", "dragleave", "dragover", "dragstart", "drop"];
-    transEventListeners(chatbotUploader, grUploader, uploaderEvents);
+    chatbotUploader = gradioApp().querySelector("#upload-files-btn");
+    chatbotUploader.removeEventListener('click', handleClick);
+    grUploader = gradioApp().querySelector("#upload-index-file > .center.flex");
+
+    // let uploaderEvents = ["click", "drag", "dragend", "dragenter", "dragleave", "dragover", "dragstart", "drop"];
+    // transEventListeners(chatbotUploader, grUploader, uploaderEvents);
+    
+    chatbotUploader.addEventListener('click', handleClick);
 }
 
 // checkbox