Блог

У меня возникли проблемы с настройкой react-fine-загрузчика для правильной работы. Я использую компоненты низкого уровня react-fine-uploader, и после того, как я выберу миниатюры изображений, они не будут отображаться, хотя я сделал все, что говорится в документах.

Вот версии, которые я использую

 "fine-uploader": "^5.16.2", "fine-uploader-wrappers": "^1.0.1", "react-fine-uploader": "^1.1.1",  

Вот моя настройка загрузчика:

 const uploader = new FineUploaderTraditional({  options: {  chunking: {  enabled: isChunkedUpload  },  request: {  method: "POST",  endpoint: `${process.env.REACT_APP_API_URL}/api/images`,  customHeaders: { Authorization: `Bearer ${accessToken}` },  filenameParam: "name",  uuidName: "id",  totalFileSizeName: "size",  inputName: "image"  },  multiple: true,  callbacks: {  onComplete: (id: number, name: string, response: object) =gt; {  console.log(id, name, response);  },  onSubmitted: (id: number, name: string) =gt; {  const newSubmitedFiles = submitedfiles;   newSubmitedFiles.push(id);  setSubmittedFiles(newSubmitedFiles);  },  onError: (id: number, name: string, errorReason: string, xhr: any) =gt; {  console.log(id, errorReason, xhr);  }  }  } });  

А вот компоненты, которые я использую:

 lt;Dropzone  className="dropzone"  style={{ backgroundColor: isDragOver ? "red" : "" }}  uploader={uploader}  multiple  onDropError={(errorCode: string, errorData: string) =gt;  console.log(errorCode, errorData)  } gt;  lt;span className="dz-message"gt;Drop Files Herelt;/spangt;   {submitedfiles.length  ? submitedfiles.map((id) =gt; (  lt;div className="dz-preview" key={id}gt;  lt;Thumbnail  className="dz-image"  id={id}  fromServer={false}  uploader={uploader}  /gt;  lt;CancelButton id={id} uploader={uploader} /gt;  lt;/divgt;  ))  : null} lt;/Dropzonegt;;