使用capture=camera的文件输入控件，拍摄图片是否存储在设备中？

• 核心结论：这个标签的行为没有统一标准，完全取决于浏览器和移动操作系统的实现，没法保证拍摄的图片绝对不存到设备本地。

• 常见行为拆解：

  • 多数主流浏览器（比如安卓Chrome、iOS Safari）拍摄后会把图片存在临时缓存目录，这个目录的文件不会出现在系统相册里，一般会在浏览器关闭、清理缓存或者系统自动回收存储空间时被删除。
  • 部分浏览器会弹出选项让用户选择是否保存到相册，默认行为不一定是“不保存”，得看具体平台和浏览器版本。
  • 图片不会自动上传到服务器——你必须通过JS获取input的files对象，自己写上传逻辑（比如用FormData发请求），否则图片只会留在本地临时存储里。

• 更靠谱的无本地存储方案：
  如果你的核心需求是避免图片落地到用户设备，推荐用getUserMedia API直接调用摄像头视频流，通过Canvas捕获帧生成图片。这种方式所有数据都在内存里处理，不会写入设备文件系统，更符合知识产权防护的需求。

  简单示例代码：

  // 获取页面元素
  const video = document.getElementById('camera-video');
  const canvas = document.getElementById('capture-canvas');
  const ctx = canvas.getContext('2d');
  
  // 启动摄像头
  navigator.mediaDevices.getUserMedia({ video: true })
    .then(stream => {
      video.srcObject = stream;
    });
  
  // 捕获并上传画面的函数
  function captureAndUpload() {
    // 同步Canvas尺寸和视频流
    canvas.width = video.videoWidth;
    canvas.height = video.videoHeight;
    // 把当前视频帧画到Canvas上
    ctx.drawImage(video, 0, 0);
    // 把Canvas转成Blob并上传
    canvas.toBlob(blob => {
      const formData = new FormData();
      formData.append('captured-image', blob, 'capture.jpg');
      // 发起上传请求
      fetch('/your-upload-endpoint', {
        method: 'POST',
        body: formData
      });
    });
  }
  

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