It seems that this url cannot be inserted into the img tag

this is the uploadImages code

uploadImages={async (files) => {
            return await uploadImges(files);
          }}

this is the my uplload and download code

export async function upload(files) {
  let formData = new FormData();
  formData.append("files[]", files);
  let res = await axios.post("/file/upload", formData, {
    headers: {
      "Content-Type": "multipart/form-data",
    },
  });
  if (res.data.stat === "ok") {
    return res.data.data;
  } else {
    return null;
  }
}

export async function download(key) {
  let res = await axios.get(`/file/download/${key}`, {
    responseType: "blob",
  });
  let blob = new Blob([res.data]);
  return window.URL.createObjectURL(blob);
}

interface Pick {
  alt: string;
  title: string;
  url: string;
}

export async function uploadImges(files) {
  let imgs: Pick[] = [];
  for (let file of files) {
    let key = await upload(file);
    let url = await download(key);
    console.log(url);
    let img: Pick = {
      alt: "img",
      title: "img",
      url: url,
    };
    imgs.push(img);
  }
  return imgs;
}

because the sever code is fixed ,I can only use the method to upload image and download

As you can see, the src of the picture is empty

Maybe I used it wrong, please help me, I will be very grateful

[ducaoya]

Thank you . Your suggestion is very useful, and I have gained a lot.

[zhanggujun]

  const sanitize = schema => {
    schema.protocols.src.push('blob')
    return schema
  }