Upload 21 files

frontend/assets/app.js

@@ -8,6 +8,12 @@
   let soundEnabled = false;
   let soundUrl = "/ring/ring.mp3";
 
+  // 检测是否为移动端设备
+  function isMobileDevice() {
+    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ||
+           (window.innerWidth <= 768);
+  }
+
   // ===== 移动端后台恢复处理 =====
   // 修复手机切屏后回来无法输入的问题
   function handlePageResume() {
@@ -385,8 +391,146 @@
     }
   }
 
+  // ===== localStorage 生成参数保存/恢复 =====
+  const STORAGE_KEY_T2I = 'nai_t2i_params';
+  const STORAGE_KEY_I2I = 'nai_i2i_params';
+  const STORAGE_KEY_INPAINT = 'nai_inpaint_params';
+
+  function saveT2IParams() {
+    const params = {
+      prompt: byId("t2i-prompt").value || "",
+      negative: byId("t2i-negative").value || "",
+      width: byId("t2i-width").value || "768",
+      height: byId("t2i-height").value || "768",
+      steps: byId("t2i-steps").value || "",
+      scale: byId("t2i-scale").value || "",
+      sampler: byId("t2i-sampler").value || "",
+      noise_schedule: byId("t2i-noise-schedule").value || "",
+      seed: byId("t2i-seed").value || "-1",
+      variety: byId("t2i-variety").checked,
+      decrisp: byId("t2i-decrisp").checked,
+      cfg_rescale: byId("t2i-cfg-rescale").value || "",
+      count: byId("t2i-count")?.value || "1"
+    };
+    try { localStorage.setItem(STORAGE_KEY_T2I, JSON.stringify(params)); } catch {}
+  }
+
+  function restoreT2IParams() {
+    try {
+      const saved = localStorage.getItem(STORAGE_KEY_T2I);
+      if (!saved) return;
+      const params = JSON.parse(saved);
+      if (params.prompt !== undefined) byId("t2i-prompt").value = params.prompt;
+      if (params.negative !== undefined) byId("t2i-negative").value = params.negative;
+      if (params.width) byId("t2i-width").value = params.width;
+      if (params.height) byId("t2i-height").value = params.height;
+      if (params.steps) byId("t2i-steps").value = params.steps;
+      if (params.scale) byId("t2i-scale").value = params.scale;
+      if (params.sampler !== undefined) byId("t2i-sampler").value = params.sampler;
+      if (params.noise_schedule !== undefined) byId("t2i-noise-schedule").value = params.noise_schedule;
+      if (params.seed !== undefined) byId("t2i-seed").value = params.seed;
+      if (params.variety !== undefined) byId("t2i-variety").checked = params.variety;
+      if (params.decrisp !== undefined) byId("t2i-decrisp").checked = params.decrisp;
+      if (params.cfg_rescale) byId("t2i-cfg-rescale").value = params.cfg_rescale;
+      if (params.count && byId("t2i-count")) byId("t2i-count").value = params.count;
+    } catch {}
+  }
+
+  function saveI2IParams() {
+    const params = {
+      positive: byId("i2i-positive").value || "",
+      negative: byId("i2i-negative").value || "",
+      width: byId("i2i-width").value || "",
+      height: byId("i2i-height").value || "",
+      steps: byId("i2i-steps").value || "",
+      scale: byId("i2i-scale").value || "",
+      sampler: byId("i2i-sampler").value || "",
+      noise_schedule: byId("i2i-noise-schedule").value || "",
+      seed: byId("i2i-seed").value || "-1",
+      strength: byId("i2i-strength").value || "0.5",
+      noise: byId("i2i-noise").value || "0.0",
+      variety: byId("i2i-variety").checked,
+      decrisp: byId("i2i-decrisp").checked,
+      cfg_rescale: byId("i2i-cfg-rescale").value || "",
+      count: byId("i2i-count")?.value || "1"
+    };
+    try { localStorage.setItem(STORAGE_KEY_I2I, JSON.stringify(params)); } catch {}
+  }
+
+  function restoreI2IParams() {
+    try {
+      const saved = localStorage.getItem(STORAGE_KEY_I2I);
+      if (!saved) return;
+      const params = JSON.parse(saved);
+      if (params.positive !== undefined) byId("i2i-positive").value = params.positive;
+      if (params.negative !== undefined) byId("i2i-negative").value = params.negative;
+      if (params.width) byId("i2i-width").value = params.width;
+      if (params.height) byId("i2i-height").value = params.height;
+      if (params.steps) byId("i2i-steps").value = params.steps;
+      if (params.scale) byId("i2i-scale").value = params.scale;
+      if (params.sampler !== undefined) byId("i2i-sampler").value = params.sampler;
+      if (params.noise_schedule !== undefined) byId("i2i-noise-schedule").value = params.noise_schedule;
+      if (params.seed !== undefined) byId("i2i-seed").value = params.seed;
+      if (params.strength !== undefined) byId("i2i-strength").value = params.strength;
+      if (params.noise !== undefined) byId("i2i-noise").value = params.noise;
+      if (params.variety !== undefined) byId("i2i-variety").checked = params.variety;
+      if (params.decrisp !== undefined) byId("i2i-decrisp").checked = params.decrisp;
+      if (params.cfg_rescale) byId("i2i-cfg-rescale").value = params.cfg_rescale;
+      if (params.count && byId("i2i-count")) byId("i2i-count").value = params.count;
+    } catch {}
+  }
+
+  function saveInpaintParams() {
+    const params = {
+      positive: byId("inpaint-positive").value || "",
+      negative: byId("inpaint-negative").value || "",
+      add_original: byId("inpaint-add-original").checked,
+      width: byId("inpaint-width").value || "",
+      height: byId("inpaint-height").value || "",
+      steps: byId("inpaint-steps").value || "",
+      scale: byId("inpaint-scale").value || "",
+      sampler: byId("inpaint-sampler").value || "",
+      noise_schedule: byId("inpaint-noise-schedule").value || "",
+      seed: byId("inpaint-seed").value || "-1",
+      strength: byId("inpaint-strength").value || "0.5",
+      noise: byId("inpaint-noise-val").value || "0.0",
+      variety: byId("inpaint-variety").checked,
+      decrisp: byId("inpaint-decrisp").checked,
+      cfg_rescale: byId("inpaint-cfg-rescale").value || "",
+      count: byId("inpaint-count")?.value || "1"
+    };
+    try { localStorage.setItem(STORAGE_KEY_INPAINT, JSON.stringify(params)); } catch {}
+  }
+
+  function restoreInpaintParams() {
+    try {
+      const saved = localStorage.getItem(STORAGE_KEY_INPAINT);
+      if (!saved) return;
+      const params = JSON.parse(saved);
+      if (params.positive !== undefined) byId("inpaint-positive").value = params.positive;
+      if (params.negative !== undefined) byId("inpaint-negative").value = params.negative;
+      if (params.add_original !== undefined) byId("inpaint-add-original").checked = params.add_original;
+      if (params.width) byId("inpaint-width").value = params.width;
+      if (params.height) byId("inpaint-height").value = params.height;
+      if (params.steps) byId("inpaint-steps").value = params.steps;
+      if (params.scale) byId("inpaint-scale").value = params.scale;
+      if (params.sampler !== undefined) byId("inpaint-sampler").value = params.sampler;
+      if (params.noise_schedule !== undefined) byId("inpaint-noise-schedule").value = params.noise_schedule;
+      if (params.seed !== undefined) byId("inpaint-seed").value = params.seed;
+      if (params.strength !== undefined) byId("inpaint-strength").value = params.strength;
+      if (params.noise !== undefined) byId("inpaint-noise-val").value = params.noise;
+      if (params.variety !== undefined) byId("inpaint-variety").checked = params.variety;
+      if (params.decrisp !== undefined) byId("inpaint-decrisp").checked = params.decrisp;
+      if (params.cfg_rescale) byId("inpaint-cfg-rescale").value = params.cfg_rescale;
+      if (params.count && byId("inpaint-count")) byId("inpaint-count").value = params.count;
+    } catch {}
+  }
+
   // T2I
   async function handleT2I() {
+    // 保存当前参数到 localStorage
+    saveT2IParams();
+    
     const payloadBase = {
       prompt: byId("t2i-prompt").value || "",
       negative: byId("t2i-negative").value || "",
@@ -466,6 +610,9 @@
 
   // I2I
   async function handleI2I() {
+    // 保存当前参数到 localStorage
+    saveI2IParams();
+    
     const file = byId("i2i-image").files?.[0];
     if (!file) {
       toast("请上传输入图片", "error");
@@ -555,6 +702,9 @@
 
   // Inpaint
   async function handleInpaint() {
+    // 保存当前参数到 localStorage
+    saveInpaintParams();
+    
     const imgFile = byId("inpaint-image").files?.[0];
     const maskFile = byId("inpaint-mask").files?.[0];
     if (!imgFile || !maskFile) {
@@ -652,11 +802,16 @@
   ensureCountField("tab-i2i", "i2i-count");
   ensureCountField("tab-inpaint", "inpaint-count");
 
-  byId("btn-load-config").addEventListener("click", loadConfig);
   byId("btn-save-config").addEventListener("click", saveConfig);
   const selOutBtn = byId("btn-select-output-dir");
   if (selOutBtn) {
     selOutBtn.addEventListener("click", async () => {
+      // 移动端检测：手机无法弹出服务器上的目录选择器
+      if (isMobileDevice()) {
+        toast("手机端请直接在输入框中填写目录路径", "info");
+        return;
+      }
+      
       try {
         loading.show();
         const res = await fetch("/api/select-output-dir");
@@ -690,6 +845,12 @@
   const openOutBtn = byId("btn-open-output-dir");
   if (openOutBtn) {
     openOutBtn.addEventListener("click", async () => {
+      // 移动端检测：手机无法打开服务器上的目录
+      if (isMobileDevice()) {
+        toast("手机端无法打开服务器目录，请在电脑上操作", "info");
+        return;
+      }
+      
       try {
         loading.show();
         const p = byId("cfg-output-dir")?.value || "";
@@ -728,6 +889,9 @@
   // 设置图片信息展开/收起功能
   setupImageInfoToggle();
  
-  // Init
+  // Init - 加载配置和恢复上次的生成参数
   loadConfig();
+  restoreT2IParams();
+  restoreI2IParams();
+  restoreInpaintParams();
 })();

frontend/index.html

@@ -122,7 +122,6 @@
           </label>
         </div>
         <div class="actions">
-          <button id="btn-load-config">读取配置</button>
           <button id="btn-select-output-dir">选择保存目录</button>
           <button id="btn-open-output-dir">打开保存目录</button>
           <button id="btn-save-config" class="primary">保存配置</button>