React FilePond: отображение изображения с помощью URL - PullRequest
Новая
       37

React FilePond: отображение изображения с помощью URL

0 голосов
/ 28 февраля 2020

Мой план состоит в том, чтобы визуализировать изображение с помощью URL при визуализации компонента Filepond. Обратите внимание, что это не о предварительном просмотре после добавления файла.

Я думаю 'file poster' может помочь в этом , Но у меня пока нет идеи, если это будет полезно. Вот пример кода ниже. 

    const [file, setFile] = useState({
        source: '12345', //i am not sure
        options: {
             type: 'local',
             file: {
                 name: 'hedgehog.jpg',
                 size: 189397, 
                 type: 'image/jpeg'
             },
            metadata: {
                poster: 'http://localhost:3000/uploads/5e5b3895e1ee0b2128aa9eaa_hedgehog.jpg'
            }
        }
    })

        <Uploader
            //acceptedFileTypes={mimeTypes}
            ref={ref => pond = ref}
            file={file}
            allowFileSizeValidation={true}
            maxFileSize="50mb"
            instantUpload={false}
            name='items'
            allowMultiple={false}
            allowFilePoster={true}
            labelIdle='Drag & Drop files or <span class="filepond--label-action">Browse</span>'
            server={`${apiBaseUrl}api/uploads/`}
        />

Кто-нибудь есть идеи о том, как загрузить URL-адрес? Я использую Filepond в React

...