Как добавить изображение для загрузки или PDF / любой документ в filepond?

Question

Как добавить изображение для скачивания или PDF / любой документ в filepond. Я использую Filepond с Vue Framework. Мне также нужен большой предварительный просмотр изображения, когда я нажимаю на миниатюру изображения, как этого добиться с помощью filepond?

<file-pond
            ref="pond"
            class-name="my-pond"
            label-idle="Drop files here..."
            :allow-multiple="allowMultiple"
            accepted-file-types="image/jpeg, image/png, application/pdf,"
            :files="myFiles"
            v-on:init="handleFilePondInit"
            @addfile="onaddfile"
            @removefile="onRemoveFile"
        >
        </file-pond>

Answer 1

Этот сторонний плагин добавляет кнопку загрузки https://github.com/nielsboogaard/filepond-plugin-get-file

. Вы можете использовать @activatefile для запуска логики, когда пользователь щелкает элемент файла. https://pqina.nl/filepond/docs/patterns/api/filepond-instance/#callbacks