я хочу получить свой файл, который был сохранен в папке на моем сервере

Question

Я заставляю клиента загружать изображение или видео, затем я сохраняю эти файлы в специальной папке c в моей базе данных, когда я пытаюсь передать этот файл клиенту с URL-адресом, который он не отображается, у меня есть попробуйте другие способы, но ни один из них не работает, чтобы кто-нибудь мог помочь мне разобраться в проблеме

это мой код в клиенте

 <div className=' mt-4'>
          {file !== null &&
            file !== undefined &&
            !!file.filename.match(/\.(jpg|jpeg|png|JPG|JPEG|PNG|gif|GIF)$/) && (
              <img
                name='showFile'
                src={`http://localhost:5000/${file.path}`}
                style={{ maxWidth: '100%' }}
              />
            )}

          {file !== null &&
            file !== undefined &&
            !!file.filename.match(/\.(mp4|MP4|TS|WEBM|webm|OGG|ogg|mkv)$/) && (
              <video
                src={`http://localhost:5000/${file.path}`}
                style={{ maxWidth: '100%' }}
                type='video/mp4'
              />
            )}

          {file !== null &&
            file !== undefined &&
            !!file.filename.match(
              /\.(pdf|docx|docxs|PDF|zip|rar|exe|DOC|DOCS|ts)$/
            ) && (
              <div className='chat-display-box'>
                <span className='text-justify'>
                  src={`http://localhost:5000/${file.path}`}
                </span>
              </div>
            )}
        </div>

Я пытаюсь использовать js URL-адрес функции .createObjectURL () но это не сработало

 let myData;
  if (file !== null && file !== undefined) {
    myData = URL.createObjectURL(file);
    console.log(myData);
  } else {
    myData = '';
    console.log(myData);
  }

, и он продолжает давать мне эту ошибку, когда я его использую

вот как это выглядит в клиенте когда я проверяю этот элемент

, это мои данные, которые вернулись из базы данных