温馨提示:本文翻译自stackoverflow.com，查看原文请点击：javascript - Filepond customize droparea
javascript - Filepond自定义拖放区
发布于 2020-11-11 16:04:58
使用filepond时，我需要自定义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>
);
...
因此，我创建了一个自定义包装器，并在filepond包装器的顶部与css对齐，但这似乎不是理想的解决方法。
提问者
fefe
被浏览
5
