npm package: @smartblog/web-upload-file-lib
Description: web html5 input file
Author: jamesjianpeng
Latest version: 0.6.1

# web-upload-file-lib

### 这份设计图是根据下面的几个思想演化出来

1. 自上而下的分层设计
2. 关注模块的分离点，结合自己的需要进行合理的分离

### 这个库存在的目的

1. 易用
2. 可扩展
3. 可维护

```
**********************************************************************
*    web-upload-file-lib                                             *
*                                                                    *
*                                                                    *
*    *************************************************************   *
*    *   upload-core                                             *   *
*    *                                                           *   *
*    *    *****************************************************  *   *
*    *    *                                                   *  *   *
*    *    *   upload                                          *  *   *
*    *    *                                                   *  *   *
*    *    *   lifecycle:                                      *  *   *
*    *    *   1. before                                       *  *   *
*    *    *   2. progress                                     *  *   *
*    *    *   3. reponse                                      *  *   *
*    *    *                                                   *  *   *
*    *    *                                                   *  *   *
*    *    *  *******************  ************************    *  *   *
*    *    *  *                 *  *                      *    *  *   *
*    *    *  *  DOM-input      *  *     DOM-event        *    *  *   *
*    *    *  *                 *  *                      *    *  *   *
*    *    *  *                 *  *                      *    *  *   *
*    *    *  *******************  ************************    *  *   *
*    *    *                                                   *  *   *
*    *    *****************************************************  *   *
*    *                                                           *   *

*    *    *****************************************************  *   *
*    *    *                                                   *  *   *
*    *    * BOM-xhr                                           *  *   *
*    *    *                                                   *  *   *
*    *    *                                                   *  *   *
*    *    *****************************************************  *   *
*    *                                                           *   *
*    *                                                           *   *
*    *************************************************************   *
*                                                                    *
*                                                                    *
*    **********************                                          *
*    *                    *                                          *
*    *  Auxiliary method  *                                          *
*    *                    *                                          *
*    *                    *                                          *
*    **********************                                          *
*                                                                    *
*                                                                    *
**********************************************************************
```

## 准备&打包

```
npm i

npm run build
```

## 开发

自动编译打包到 /example/test/client

```
npm run dev
```

## 测试

-   web static server

```
cd ./example/test/server

npm run start
```

-   client

```
cd ../client

npm run start
```