vue 文件上传插件
上载器 (v-uploader)
A Vue2 plugin to make files upload simple and easier, you can drag files or select file in dialog to upload.
一个Vue2插件可以使文件上传变得简单而轻松,您可以拖动文件或在对话框中选择文件进行上传。
安装 (Install)
npm i v-uploader --save
Include plugin in your main.js
file.
在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'});
}
}
};
//install plugin with params
Vue.use(vUploader, uploaderConfig);
there is using v-dialogs to show message in example
在示例中有使用v-dialogs显示消息
插件预览 (Plugin preview)
single file upload mode
单文件上传模式
multiple files upload mode
多个文件上传模式
翻译自: https://vuejsexamples.com/a-vue2-plugin-to-make-files-upload-simple-and-easier/
vue 文件上传插件