admin/ISISeg
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

2026-05-18-19-31-18 增加原始视频查看入口

Browse Source
This commit is contained in:
admin
2026-05-18 19:33:14 +08:00
parent e5f0b1dca9
commit c62f6e3401
7 changed files with 168 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/app.js
View File

@@ -27,6 +27,12 @@ const resultCount = document.querySelector("#resultCount");
const jobMeta = document.querySelector("#jobMeta");
const detailDialog = document.querySelector("#detailDialog");
const closeDialog = document.querySelector("#closeDialog");
const openSourceButton = document.querySelector("#openSourceButton");
const sourceDialog = document.querySelector("#sourceDialog");
const closeSourceDialog = document.querySelector("#closeSourceDialog");
const sourceTitle = document.querySelector("#sourceTitle");
const sourceVideo = document.querySelector("#sourceVideo");
const sourceImage = document.querySelector("#sourceImage");
const methodLabels = new Map();
const methodDescriptions = new Map();
@@ -68,12 +74,17 @@ function renderPreview(file) {
previewEmpty.hidden = true;
videoPreview.hidden = true;
imagePreview.hidden = true;
openSourceButton.hidden = false;
if (file.type.startsWith("video/")) {
videoPreview.src = currentObjectUrl;
videoPreview.hidden = false;
openSourceButton.textContent = "查看原始视频";
sourceTitle.textContent = "原始视频";
} else {
imagePreview.src = currentObjectUrl;
imagePreview.hidden = false;
openSourceButton.textContent = "查看原始图像";
sourceTitle.textContent = "原始图像";
}
jobMeta.textContent = `已选择 ${file.name}`;
}
@@ -213,6 +224,12 @@ function clearAll() {
imagePreview.removeAttribute("src");
videoPreview.hidden = true;
imagePreview.hidden = true;
sourceVideo.hidden = true;
sourceImage.hidden = true;
sourceVideo.removeAttribute("src");
sourceImage.removeAttribute("src");
openSourceButton.hidden = true;
if (sourceDialog.open) sourceDialog.close();
previewEmpty.hidden = false;
resultGrid.innerHTML = "";
emptyState.hidden = false;
@@ -253,6 +270,20 @@ dropZone.addEventListener("drop", (event) => {
sampleButton.addEventListener("click", loadSample);
clearButton.addEventListener("click", clearAll);
closeDialog.addEventListener("click", () => detailDialog.close());
closeSourceDialog.addEventListener("click", () => sourceDialog.close());
openSourceButton.addEventListener("click", () => {
if (!selectedFile || !currentObjectUrl) return;
sourceVideo.hidden = true;
sourceImage.hidden = true;
if (selectedFile.type.startsWith("video/")) {
sourceVideo.src = currentObjectUrl;
sourceVideo.hidden = false;
} else {
sourceImage.src = currentObjectUrl;
sourceImage.hidden = false;
}
sourceDialog.showModal();
});
form.addEventListener("submit", async (event) => {
event.preventDefault();