FineUploader UI 显示文件 select 上的缩略图，但不拖放

Question

在 UI 模式下使用 React 和 FineUploader 5.14.2-rc1。上传效果很好，但显示的缩略图不一致。当我从系统文件 selection 对话框中单击组件和 select 文件时，该文件由图像的缩略图表示。但是当我将同一个文件拖放到组件上时，它会显示通用文件图标而不是图像缩略图。我假设这是一个配置问题，但我在文档中找不到任何相关的内容。这是相关组件：

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 后一切正常。

FineUploader UI 显示文件 select 上的缩略图，但不拖放

FineUploader UI shows thumbnail on file select, but not drag-n-drop

javascript

amazon-s3

fine-uploader

reactjs