Upload 2 files

static/app.js

@@ -1610,7 +1610,7 @@ function proofreadHTML(item) {
   const sourceDownload = sourceDownloadURL(item, defaultFile);
   const sourceViewer = sourceFiles.length
     ? (isImageSource(selectedUrl)
-      ? `<div class="proofread-image-viewer" data-image-viewer><div class="proofread-image-tools"><button type="button" class="text-btn-sm" data-image-zoom="out">缩小</button><button type="button" class="text-btn-sm" data-image-zoom="reset">原始大小</button><button type="button" class="text-btn-sm" data-image-zoom="in">放大</button></div><div class="proofread-image-stage"><img data-proofread-source-image src="${sourceURL}" alt="原文件" data-image-scale="1"><a class="text-btn-sm proofread-image-download" href="${sourceDownload}">下载原文件</a></div></div>`
+      ? `<div class="proofread-image-viewer" data-image-viewer><div class="proofread-image-tools"><button type="button" class="text-btn-sm" data-image-zoom="out">缩小</button><button type="button" class="text-btn-sm" data-image-zoom="reset">原始大小</button><button type="button" class="text-btn-sm" data-image-zoom="in">放大</button></div><div class="proofread-image-stage"><img data-proofread-source-image src="${sourceURL}" alt="原文件" decoding="async" data-image-scale="1"><a class="text-btn-sm proofread-image-download" href="${sourceDownload}">下载原文件</a></div></div>`
       : `<iframe sandbox data-proofread-source title="原文件" src="${sourceURL}${pdfPage}"></iframe>`)
     : '<div class="proofread-no-source"><strong>没有原文件，无法校对</strong><span>当前只能查看正文。</span></div>';
   const partTypeOptions = (current) => PART_TYPES.map((type) => `<option value="${type}" ${type === current ? "selected" : ""}>${type}</option>`).join("");
@@ -1639,10 +1639,16 @@ function openProofread(item, focusPart = null, restoring = false) {
     const fitImage = () => {
       const stage = sourceImage.closest(".proofread-image-stage");
       if (!stage || !sourceImage.naturalWidth) return;
-      const baseWidth = Math.min(sourceImage.naturalWidth, Math.max(1, stage.clientWidth - 32));
+      const availableWidth = Math.max(1, stage.clientWidth - 32);
+      const availableHeight = Math.max(1, stage.clientHeight - 32);
+      const fitScale = STATE.isMobile
+        ? Math.min(availableWidth / sourceImage.naturalWidth, availableHeight / sourceImage.naturalHeight, 1)
+        : Math.min(availableWidth / sourceImage.naturalWidth, 1);
+      const baseWidth = Math.max(1, Math.round(sourceImage.naturalWidth * fitScale));
       sourceImage.dataset.imageBaseWidth = String(baseWidth);
       sourceImage.style.maxWidth = "none";
       sourceImage.style.width = `${baseWidth}px`;
+      sourceImage.style.height = "auto";
     };
     sourceImage.addEventListener("load", fitImage, { once: true });
     if (sourceImage.complete) fitImage();
@@ -2259,6 +2265,7 @@ function attachEvents() {
       const baseWidth = Number(image.dataset.imageBaseWidth) || image.naturalWidth;
       image.style.maxWidth = "none";
       image.style.width = `${Math.max(1, baseWidth * next)}px`;
+      image.style.height = "auto";
       image.style.transform = "none";
       return;
     }

static/style.css

@@ -619,6 +619,7 @@ ul, li {
   display: flex;
   min-height: 520px;
   flex: 1;
+  display: block;
   align-items: flex-start;
   justify-content: flex-start;
   overflow: auto;
@@ -628,6 +629,7 @@ ul, li {
 .proofread-image-stage img {
   display: block;
   flex: 0 0 auto;
+  margin: 0;
   max-width: 100%;
   height: auto;
   transform-origin: top left;