hangar-uploader

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	是否启用上传按钮	Boolean	true / false	false
text	上传组件标题	String	-	-
value(v-model)	上传的文件	String	-	-
uploadOptions	上传器的配置（具体参考）vue-simple-uploader	Object	-	-
fileNumber	上传文件个数	Number	-	2
attrs	上传文件的类型	Object	-	-

安装依赖

npm install

启动项目

npm run serve