0.3.0 • Published 2 years ago

hangar-uploader v0.3.0

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

hangar-uploader 一款基于vue-simple-uploader的上传插件

简介

本项目基于vue-simple-uploader,在此基础上添加了文件的MD5验证、图片在线预览和PDF在线预览的功能,该插件需要后台配合使用 注:本项目不兼容VUE3.0项目

引入组件

// 在main.js引入
import HangarUploader from 'hangar-uploader';
import uploader from 'vue-simple-uploader';
Vue.use(uploader);
Vue.use(HangarUploader);

使用组件

<template>
  <div>
    <hangar-uploader text="文件上传" :value="value"/>
  </div>
</template>

<script>
  export default {
    name: 'Code',
    data() {
      return {
        value: ''
      };
    }
  };
</script>

<style scoped>

</style>

Attributes

参数说明类型可选值默认值
disabled是否启用上传按钮Booleantrue / falsefalse
text上传组件标题String--
value(v-model)上传的文件String--
uploadOptions上传器的配置(具体参考)vue-simple-uploaderObject--
fileNumber上传文件个数Number-2
attrs上传文件的类型Object--

安装依赖

npm install

启动项目

npm run serve