# hangar-uploader

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

Latest version **0.3.0** (published 2022-01-06) · 0 weekly downloads

## Install

```sh
npm install hangar-uploader
pnpm add hangar-uploader
yarn add hangar-uploader
bun add hangar-uploader
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.3.0 |
| Published | 2022-01-06 |
| First published | 2021-12-28 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 13 |
| Unpacked size | 5.8 MB |
| Known vulnerabilities | 0 (+24 in 2 direct dependencies) |
| Install scripts | no |
| Maintainers | kokoriolll |

## Links

- npm: https://www.npmjs.com/package/hangar-uploader
- npm.io page: https://npm.io/package/hangar-uploader

## Dependencies (13)

- [qs](https://npm.io/package/qs.md) ^6.10.1
- [vue](https://npm.io/package/vue.md) ^2.6.11
- [vuex](https://npm.io/package/vuex.md) ^3.4.0
- [axios](https://npm.io/package/axios.md) ^0.24.0
- [store](https://npm.io/package/store.md) ^2.0.12
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [spark-md5](https://npm.io/package/spark-md5.md) ^3.0.2
- [vue-axios](https://npm.io/package/vue-axios.md) ^3.3.7
- [vue-router](https://npm.io/package/vue-router.md) ^3.2.0
- [ant-design-vue](https://npm.io/package/ant-design-vue.md) ^1.7.8
- [babel-plugin-import](https://npm.io/package/babel-plugin-import.md) ^1.13.3
- [vue-simple-uploader](https://npm.io/package/vue-simple-uploader.md) ^0.7.6

## Recent versions

- 0.3.0 (latest) — 2022-01-06
- 0.2.0 — 2022-01-05
- 0.1.0 — 2021-12-28

## README

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

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

## 引入组件

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

## 使用组件

```html
<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
```

---
_Source: https://npm.io/package/hangar-uploader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._