我在我的项目中有一个上传图像的输入，我已经用reactjs实现了这个输入。
到目前为止还没有问题，但上传照片后，当用户刷新页面时，照片就会被删除。
如何防止照片在页面刷新时被删除？

编辑日期：

文件上载组件提供了一个对象，我将其保存为状态中的blob以进行呈现，并且我还将同一对象保存在状态中以将其发送到服务器

<Stack sx={Styles.CameraAndGallaryBox}>
  <input
    accept="image/*"
    style={{ display: "none" }}
    id="raised-button-file"
    type="file"
    onChange={saveImageHandler}
  />
  <label htmlFor="raised-button-file">
    <Button variant="raised" component="span" sx={Styles.button}>
      <Gallary />
      <FormattedMessage id="gallary" />
    </Button>
  </label>
</Stack>

const saveImageHandler = (e) => {
  history.push("/meta-search/image/visual-search");
  dispatch(setImageBlobUrl(URL.createObjectURL(e.target.files[0]))); // for rendering
  dispatch(setImageFile(e.target.files[0])); // to send to the server
  dispatch(visualImageSearch({page:1})); // call api and send photo to server
};