Файловый фонд не загрузил исходное изображение с сервера — проблема Cors

#javascript #reactjs #file-upload #filepond

#javascript #reactjs #загрузка файла #файловый файл

Вопрос:

У меня уже есть изображение, которое я загрузил ранее. Когда пользователь заходит на страницу, я хочу показать это изображение в качестве предварительного просмотра, но у меня возникла проблема при получении его с сервера.

Это работает, когда я использую https://picsum.photos/200/300 вместо «источник» (URL-адрес моего сервера)

MyCode:

  <FilePond
     files={files}
     onupdatefiles={(files) => {
         setFiles(files)
     }}
     server={   
    load: (source, load, error, progress, abort, headers) => {
             fetch(source)
                 .then(res => res.blob())
                 .then(load);
         },
     process: (fieldName, file, metadata, load) => {
             load(Date.now())
     }}
 />
  

введите описание изображения здесь

Комментарии:

1. Возможно, это связано с вашей конфигурацией CORS, см. pqina.nl/doka/docs/patterns/faq / … для получения дополнительной информации и пары предложений о том, как решить эту проблему.

2. Да, я пробовал это. Но проблема продолжается