FineUploader UI在文件选择时显示缩略图,但不显示拖放



在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 并且一切再次有效。

最新更新