无法在控制台中查看发布请求图像

Question

我有一个帆布在哪里流视频，我正在拍摄该快照，然后将其发送到服务器，我怎么知道我已经成功地将快照发送到了服务器？我看不到“预览”部分中的任何东西，我的有效载荷应该像那样吗？我可以使用该IMG标签看到前端的快照。 状态为：

和在有效载荷获取中：

，'preview'

const canvasRef = useRef(null);
  const [preview, setPreview] = useState('');

  const getImage = () => {
    return new Promise((resolve) =>
      canvasRef?.current.toBlob((blob) => {
        const src = URL.createObjectURL(blob);
        setPreview(src);
        resolve(blob);
      }),
    );
  };
 
 
 const takeSnapshott = async () => {
    let pollUrl = `api/cam/${first}/${second}/snap`;
   
    const blob = await getImage();
    // SEND THE BLOB TO YOUR SERVER
    const formData = new FormData();
    formData.append('file', blob, 'picture');
    try {
      const res = await fetch(pollUrl, {
        method: 'POST',
        headers: {
          'Content-Type': 'multipart/form-data',
        },
        body: formData,
      });
      const data = await res.text();
      console.log('resso', data);

      if (res.ok) console.log('SUCCESS', data);
      else throw new Error(data);
    } catch (e) {
      console.error(e);
    }

          <img src={preview} style={{ width: '100%', height: 'auto' }} />