v-uploader
Основанный на Vue2, простой в использовании плагин для пакетной и перетаскиваемой загрузки файлов.
Простой в использовании, поддерживающий пакетную загрузку и перетаскивание файлов плагин.
Пожалуйста, ознакомьтесь:
Плагин | Статус | Описание |
---|---|---|
v-page | Простой бар пагинации, включая меню длины, поддержку i18n | |
v-dialogs | Простой и мощный диалог, включая режимы Modal, Alert, Mask и Toast | |
v-tablegrid | Более простой в использовании и практичный datatable | |
v-uploader | Плагин Vue2 для упрощения загрузки файлов, можно перетащить файлы или выбрать файл в диалоговом окне для загрузки | |
v-ztree | Простое дерево для Vue2, поддерживает одиночный или множественный (с проверкой) выбор дерева, а также поддерживает серверные данные | |
v-gallery | Плагин Vue2 делает просмотр изображений в галерее более удобным | |
v-region | Простой селектор регионов, предоставляет данные административного деления Китая | |
v-selectpage | Мощный селектор для Vue2, список или табличное представление пагинации, использование тегов для множественного выбора, поддержка i18n и серверных ресурсов | |
v-suggest | Плагин Vue2 для предложений ввода с помощью автозаполнения | |
v-playback | Плагин Vue2 упрощает воспроизведение видео | |
v-selectmenu | Простое, удобное и высоконастраиваемое решение для меню |
Предварительный просмотр одного файла с изображением
Пакетная загрузка файлов с возможностью перетаскивания
npm i v-uploader --save
В файле main.js
проекта выполните импорт:
import Vue from 'vue'
import vUploader from 'v-uploader';
/**
* v-uploader plugin global config
*/
const uploaderConfig = () => {
return {
uploadFileUrl: 'http://xxx/upload',
deleteFileUrl: 'http://xxx/delete',
showMessage: (vue, message) => {
//using v-dialogs to show message
...
``` ```
vue.$vDialog.alert(message, null, {messageType: 'error'});
}
}
```;
Vue.use(vUploader, uploaderConfig);
В данном примере используется библиотека **v-dialogs** для отображения сообщений.
<br><br>
## Зависимости:
- **fine-uploader**;
- **holderjs**.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )