Flask站点移动端相机拍照上传后页面刷新会话丢失问题求助

• 核心触发原因：部分安卓机型的内存管理机制严格，调用相机拍摄时相机应用占用大量系统资源，系统会主动杀死后台的浏览器进程释放内存，拍摄完成返回浏览器时页面会自动重载，导致原有表单状态丢失、输入框无选中文件。
• 跳登录的次要原因：Flask未配置固定SECRET_KEY，部署平台PythonAnywhere定期重启空闲应用实例后，动态生成的密钥发生变化，原有会话Cookie签名验证失败，会话被清空触发登录跳转，刚好匹配你提到的「某天功能正常、次日故障复现」的表现。
• 排除方向：从相册选文件正常，说明HTML上传逻辑、Flask后端接收逻辑本身没有问题，仅在调用相机的高内存占用场景触发异常。

1. 修复Flask会话配置（优先操作，解决跳登录问题） #

在Flask应用初始化代码中补充以下固定配置，避免会话意外失效：

# 替换为固定的字符串密钥，不要使用os.urandom这类动态生成的写法
app.config['SECRET_KEY'] = '你自己定义的固定复杂字符串'
# 会话有效期设为7天，避免短期自动过期
app.config['PERMANENT_SESSION_LIFETIME'] = timedelta(days=7)
# HTTPS站点必须开启安全Cookie配置
app.config['SESSION_COOKIE_SECURE'] = True
app.config['SESSION_COOKIE_HTTPONLY'] = True
# SameSite设为Lax，避免部分安卓机型跨应用返回时Cookie被拦截
app.config['SESSION_COOKIE_SAMESITE'] = 'Lax'

配置完成后重新部署应用，先测试是否还会出现跳登录的问题。

2. 前端状态缓存优化（解决拍摄后文件丢失问题） #

系统杀进程导致页面重载是安卓系统级限制，无法完全规避，通过前端缓存选中文件的方式保留状态：
在现有HTML代码中补充JS逻辑，选中文件后自动缓存到本地存储，页面重载后自动恢复：

const fileInput = document.getElementById('inputGroupFile04');
// 选中文件时缓存到本地
fileInput.addEventListener('change', e => {
  if (e.target.files.length > 0) {
    const reader = new FileReader();
    reader.onload = ev => {
      localStorage.setItem('cached_upload_img', ev.target.result);
    };
    reader.readAsDataURL(e.target.files[0]);
  }
});
// 页面加载时读取缓存
window.addEventListener('load', () => {
  const cachedImg = localStorage.getItem('cached_upload_img');
  if (cachedImg) {
    // 此处可添加图片预览逻辑，提交时直接将cachedImg转为File对象上传即可
    alert('检测到未完成上传的图片，可直接提交');
  }
});

3. 上传逻辑优化（降低异常概率） #

将原生表单提交改为AJAX异步上传，用户选中拍摄的图片后立刻后台上传，无需等待用户点击提交，减少中间等待环节的异常概率。

内容的提问来源于stack exchange，提问作者Vinh