Reactjs/Nodejs/Mongodb：在 img src 中时 Blob url 不起作用

问：

当我尝试在前端显示图像时出现此错误

在我的 mern 堆栈项目中，我允许用户上传多个图像并使用 blob 创建上传图像的 URL。使用 MongoDB 来存储这些 URL。现在，当我在前端尝试获取数据并在 img src 标签中使用相同的 blob URL 时，它不起作用。你能告诉我这里有什么问题吗？ 或者建议我应该这样做的最佳方式是什么。使用 MongoDB 是这方面的最佳实践吗？

          <Swiper
            onSwiper={setThumbsSwiper}
            spaceBetween={10}
            slidesPerView={6}
            freeMode={true}
            watchSlidesProgress={true}
            modules={[FreeMode, Navigation, Thumbs]}
            className="mySwiper"
          >
            {productDetails.images?.map((imgurl, index) => (
              <SwiperSlide key={index}>
                <img src={imgurl} alt="product-img" />
              </SwiperSlide>
            ))}
          </Swiper>
        </div>

<div className="media-add-files-box">
                            <input
                              type="file"
                              name="images"
                              ref={imageUploadInput}
                              className="image-upload-input"
                              multiple
                              accept="image/png, image/jpeg, image/webp, image/jpg"
                              onChange={handleSelectFile}
                              onChangeCapture={handleAdFormValues("images")}
                            ></input>
                            <button
                              type="button"
                              className="media-add-btn"
                              onClick={triggerImageUploader}
                            >
                              Add photos
                            </button> 

function handleSelectFile(e) {
    const selectedFiles = e.target.files;
    if (!selectedFiles || !selectedFiles[0]) return null;
    setIsImageSelected(true);
    const selectedFilesArray = Array.from(selectedFiles);
    const imagesArray = selectedFilesArray.map((file) => {
      return URL.createObjectURL(file);
    });
    setSelectedImages((previousImages) => previousImages.concat(imagesArray));
    setAdFormValues({
      ...adFormValues,
      images: [...imagesArray],
    });
    console.log(adFormValues.images);
  }