Spaces:
Runtime error
Runtime error
File size: 4,209 Bytes
f7161fa |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 |
// paste和upload部分参考:
// https://github.com/binary-husky/gpt_academic/tree/master/themes/common.js
// @Kilig947
function setPasteUploader() {
input = user_input_tb.querySelector("textarea")
let paste_files = [];
if (input) {
input.addEventListener("paste", async function (e) {
const clipboardData = e.clipboardData || window.clipboardData;
const items = clipboardData.items;
if (items) {
for (i = 0; i < items.length; i++) {
if (items[i].kind === "file") { // 确保是文件类型
const file = items[i].getAsFile();
// 将每一个粘贴的文件添加到files数组中
paste_files.push(file);
e.preventDefault(); // 避免粘贴文件名到输入框
}
}
if (paste_files.length > 0) {
// 按照文件列表执行批量上传逻辑
await upload_files(paste_files);
paste_files = [];
}
}
});
}
}
var hintArea;
function setDragUploader() {
input = chatbotArea;
if (input) {
const dragEvents = ["dragover", "dragenter"];
const leaveEvents = ["dragleave", "dragend", "drop"];
const onDrag = function (e) {
e.preventDefault();
e.stopPropagation();
if (!chatbotArea.classList.contains("with-file")) {
chatbotArea.classList.add("dragging");
draggingHint();
} else {
statusDisplayMessage(clearFileHistoryMsg_i18n, 2000);
}
};
const onLeave = function (e) {
e.preventDefault();
e.stopPropagation();
chatbotArea.classList.remove("dragging");
if (hintArea) {
hintArea.remove();
}
};
dragEvents.forEach(event => {
input.addEventListener(event, onDrag);
});
leaveEvents.forEach(event => {
input.addEventListener(event, onLeave);
});
input.addEventListener("drop", async function (e) {
const files = e.dataTransfer.files;
await upload_files(files);
});
}
}
async function upload_files(files) {
const uploadInputElement = gradioApp().querySelector("#upload-index-file > .center.flex input[type=file]");
let totalSizeMb = 0
if (files && files.length > 0) {
// 执行具体的上传逻辑
if (uploadInputElement) {
for (let i = 0; i < files.length; i++) {
// 将从文件数组中获取的文件大小(单位为字节)转换为MB，
totalSizeMb += files[i].size / 1024 / 1024;
}
// 检查文件总大小是否超过20MB
if (totalSizeMb > 20) {
// toast_push('⚠️文件夹大于20MB 🚀上传文件中', 2000)
// return; // 如果超过了指定大小, 可以不进行后续上传操作
}
// 监听change事件， 原生Gradio可以实现
// uploadInputElement.addEventListener('change', function(){replace_input_string()});
let event = new Event("change");
Object.defineProperty(event, "target", {value: uploadInputElement, enumerable: true});
Object.defineProperty(event, "currentTarget", {value: uploadInputElement, enumerable: true});
Object.defineProperty(uploadInputElement, "files", {value: files, enumerable: true});
uploadInputElement.dispatchEvent(event);
// statusDisplayMessage("");
} else {
statusDisplayMessage(clearFileHistoryMsg_i18n, 3000);
return;
}
}
}
function draggingHint() {
hintArea = chatbotArea.querySelector(".dragging-hint");
if (hintArea) {
return;
}
hintArea = document.createElement("div");
hintArea.classList.add("dragging-hint");
hintArea.innerHTML = `<div class="dragging-hint-text"><p>${dropUploadMsg_i18n}</p></div>`;
chatbotArea.appendChild(hintArea);
}
|