在UI模式下使用React和FineUploader 5.14.2-rc1。上传效果很好,但显示的缩略图不一致。当我单击组件并从系统文件选择对话框中选择一个文件时,该文件由图像的缩略图表示。但是当我将相同的文件拖放到组件上时,它会显示通用文件图标而不是图像缩略图。我假设这是一个配置问题,但我在文档中找不到任何相关内容。以下是相关组件:
import FineUploaderS3 from 'fine-uploader-wrappers/s3'
import Gallery from 'react-fine-uploader'
export default class FileUploader extends React.Component {
constructor(props){
super(props)
this.state = {
showModal: props.showModal || false,
fileName: props.fileName,
s3Key: props.s3Key,
title: props.title,
description: props.description,
fileUrl: props.fileUrl,
success: props.success || true,
}
let uploaderInstance = null
this.uploader = () =>{
uploaderInstance = new FineUploaderS3({
options: {
chunking: {
enabled: true
},
resume: {
enabled: true
},
request: {
endpoint: 'http://ourbucketurl',
accessKey: ourAccessKeyId,
},
signature: {
endpoint: '/api/s3handler',
},
uploadSuccess: {
endpoint: '/api/s3uploadsuccess',
},
callbacks: {
onComplete: this.uploadCompleteHandler
},
}
})
return uploaderInstance
}
this.uploadCompleteHandler = (id, name, responseJSON) => {
this.setState({showModal: responseJSON.success,
s3Key: responseJSON.key,
fileName: responseJSON.name,
fileUrl: `https://ourbucketurl/${responseJSON.key}`})
}
render() {
return <div>
<Gallery uploader={this.uploader()} />
</div>
}
}
我可以把这个组件放在任何地方,文件上传不会发生任何事件。
无论浏览器如何,都会出现问题。无论用户如何调用上传操作,我需要执行哪些操作才能一致地显示缩略图?
我自己也遇到过这个问题,降级到反应精细上传器 0.6.0 并且一切再次有效。