文件上传
## importExcel
### 1. 功能
导入Excel, 批量处理数据
### 2. 使用场景
导入场景使用
### 3. 如何使用
#### 3.1 HTML代码
```html
<div class="layboxn">
<h3 class="laytitle f14 b p10">导入</h3>
<div class="p10 linb-fa">
<h3 class="pt10 pb10 g6">操作步骤:</h3>
<p class="mt5 red">1：请您根据标准模板，在模板中依次填写对应的信息，并且按照相关格式填写。</p>
<p class="mt5 red">2：请您上传xls格式文件，并将模板中除了第一行，其他行设置为文本类型。</p>
<p class="mt5 red">3：上传文件为必填项。</p>
<div class="mt10">
<a class="layui-btn" id="exportBtn">
导出模板
</a>
</div>
</div>
<div class="p10 linb-fa">
<h3 class="g6">导入文件:</h3>
<div class="pt20 "><input type="file" id="uploadFile"></div>
</div>
<div class="p15 linb-fa layui-center"><button class="layui-btn" id="uploadData">导入</button></div>
</div>
```
#### 3.2 JS 代码
依次为 导出模板路径, 接口所需文件名, 上传文件接口地址
```javascript
var exportFile = ''
var fileName = ''
var url = ''
```
导出模板
```JavaScript
$("#exportBtn").attr('href', exportFile) // exportFile为文件名, 需定义
```
上传文件
```javascript
$('#uploadFile').on('change', function (e) {
file = e.originalEvent.target.files[0]
})
```
提交表单
```javascript
$('#uploadData').on('click', function () {
if (file.name.indexOf('xls') == -1) { // 当遇到其他文件格式时, 需修改
onion.layer.tipMsg('上传文件格式有问题')
return
}
var formData = new FormData() // 一定要是FormData()
formData.append(fileName, file) // fileName为key, 根据实际情况来
// 上传文件使用的是 minPost
onion.ajax.minPost(url, formData, function (res) {
if (res.code == onion.networkState.SUCC) {
// 成功代码
} else {
// 失败代码
}
})
})
```
### 4. api定义
``` javascript
onion.api = function(){
}
```