javascript - FineUploader UI 在选择文件时显示缩略图，但不显示拖放操作

Question

在 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>
    }
}

我可以将此组件放在任何地方，并且文件上传不会发生任何事件。

无论浏览器如何，都会出现此问题。无论用户如何调用上传操作，我需要做什么才能一致地显示缩略图？

Answer 1

我自己也遇到过这个问题，降级到react-fine-uploader 0.6.0，一切又恢复正常了。