# uploadWebview

**Repository Path**: mongos/upload-webview

## Basic Information

- **Project Name**: uploadWebview
- **Description**: uni-app webview上传任何格式的文件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-11
- **Last Updated**: 2021-04-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webview上传文件

## 预览地址

`https://www.tall.wiiki/uploadWebview`

## 上传文件API相关

[swagger地址](https://www.tall.wiki/filedeal/swagger-ui.html#/%E6%96%87%E4%BB%B6/uploadMultipleUsingPOST)


### 上传多文件

参数:
+ token: 通过传过来的userId获取
+ files: input事件对象下获取

### userId获取token

[api文档地址](https://test.tall.wiki/gateway/tall/v1.0/swagger-ui.html#/%E7%94%A8%E6%88%B7%E7%9B%B8%E5%85%B3%E6%93%8D%E4%BD%9CAPI/getTokenByUserIdUsingGET)

api地址: POST `https://www.tall.wiki/gateway/tall/v1.0/users/userId`

参数userId: string


## 参数传递及token获取

传递方式,通过url的query传递

传递参数包含:
+ u: 用户id, 通过用户id来获取token
+ t: 类型
  + s: 单文件上传
  + m: 多文件批量上传
+ d: 域 string (test.tall.wiki / www.tall.wiki)

## 向父框架传递的消息

通过postMessage传递请求返回的参数

### userId置换token成功的消息

```js
util.postMsg({ type: 'user', msg: '获取token成功', ok: 1 });
```

父框架通过`type==='user' && ok === 1`进行判断

### userId置换token失败的消息

```js
util.postMsg({ type: 'user', msg: err, ok: 0 });
```

父框架通过`type==='user' && ok === 0`进行判断

### 验证失败(参数错误)相关的消息

#### 没有参数信息

```js
util.postMsg({ type: 'param', msg: '缺少参数信息', ok: 0 });
```

父框架通过`type==='param'`进行判断

#### 缺少参数u, 也就是userId

```js
util.postMsg({ type: 'param_u', msg: '缺少用户id参数 u', ok: 0 });
```

父框架通过`type==='param_u'`进行判断

### 开始上传的消息

```js
window.postMessage({ type: 'beforeUpload' }); // 开始上传的消息
```

### 结束上传的消息

```js
window.postMessage({ type:'afterUpload' }); // 结束上传的消息
```

不论上传成功与否否会触发

### 上传成功的消息

```js
util.postMsg({ type: 'file', msg: '上传成功了', data, ok: 1 });
```

data是上传成功后服务器返回的消息`res.data.data`;

父框架通过`type==='file' && ok === 1`进行判断

### 上传失败的消息

```js
util.postMsg({ type: 'file', msg: err, ok: 0 });
```

父框架通过`type==='file' && ok === 0`进行判断