# moreUpload

**Repository Path**: colingit/moreUpload

## Basic Information

- **Project Name**: moreUpload
- **Description**: 一款js多图上传插件
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2018-01-23
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# moreUpload
js多图上传插件

### 使用方法

1.引入必备样式和js

```html
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="more-upload/more-upload.css" rel="stylesheet" />
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="more-upload/more-upload.js"></script>
```

2.实例化出插件

````js
<div class="upload-box">
  	
</div>
<script＞
	// 多图上传插件
	$('.upload-box').moreUpload({
		uploadUrl : '上传地址' , 
	});
</script>
````
### 参数介绍

```javascript
// 所有的上传文件
'allFiles': [] , 
// 初始化的图片信息，可空，数据格式为 ['xxxx.png' , 'bbbb.png']
'initData': [] , 
// 初始化的图片ID信息，可空，数据格式为 [1 , 3] 
'initCover': [] , 
// 删除的图片ID数组，数据格式为 [1] 
'deleteArray' : [] , 
// 上传地址
'uploadUrl': '' , 
// 上传的图片存放在这个元素里面
'pictureBox' : '.more-upload-content-box' , 
// 删除按钮名称
'deleteText' : '删除' , 
// 开始上传按钮名称
'uploadText' : '开始上传' , 
// 清除所有按钮名称
'clearText' : '清除所有' , 
// 新上传图片隐藏域名称
'new_cover_name' : 'new_cover_id' , 
// 删除图片隐藏域名称
'delete_cover_name' : 'delete_cover_id' , 
// 提示信息存放的元素
'tipBox' : '.more-upload-tips' , 
// 全局提示信息
'tips' : {
	'empty_pic' : '请选择图片后上传' , 
	'empty_upload_url' : '请设置上传地址' , 
	'success' : '上传成功，将不可更改！'
}
```