Используя filepond, мне нужно настроить droparea filepond, а это означает, что мне нужно добавить некоторый настраиваемый HTML-код с некоторыми изображениями-заполнителями, чтобы дать пользователю представление о том, какие изображения следует загружать и которые должны разрешить несколько загрузок.
Есть ли способ сделать это?
Я попытался добавить абсолютно позиционированный конатинер с заполнителями, но я не могу покрыть загрузку своего настраиваемого элемента.
Вот как я использую Filepond внутри React:
...
return (
<div className="uploads">
<div className="uploads__placeholders">{placeholderImages}</div>
<FilePond
ref={(ref) => (this.pond = ref)}
files={this.state.files}
labelIdle={""}
allowMultiple={true}
maxTotalFileSize={10485760}
acceptedFileTypes={this.props.acceptedFileTypes}
labelMaxTotalFileSize={"Total file size should be lesser than 10MB."}
maxFiles={maxFilesAllowed}
allowProcess={this.props.process ? this.props.process : true}
imagePreviewHeight={135}
//imagePreviewTransparencyIndicator={"grid"}
server={{...}}
onremovefile={(file) => {...}}
oninit={(t) => {...}}
onupdatefiles={(fileItems) => {...}}
/>
</div>
);
...
Поэтому я создаю настраиваемую оболочку и выравниваю css поверх оболочки для файлового пруда, но это, похоже, не идеальный обходной путь.