4 Star 11 Fork 5

北瓜道人 / 上传工具,文件上传,多文件,拖拽

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
freeUpload.css 2.68 KB
一键复制 编辑 原始数据 按行查看 历史
/**
* 作者:宋春宝
* 功能:多图上传,拖拽上传等
* 时间:2018-05-07
* 版本:V 1.1
*/
.daoUpload {
width: 100%;
height: 100%;
border: 2px dashed gray;
}
.daoUpload.over {
width: 100%;
height: 100%;
border: 2px dashed red;
}
.daoUpload .fileOption{
width: 100%;
height: 45px;
border-bottom: 1px solid #ccc;
text-align: right;
line-height: 45px;
}
.daoUpload .fileOption .size{
float: left;
width: 59%;
height: 100%;
display: inline-block;
text-align: left;
}
.daoUpload .fileOption .option{
width: 37%;
float: right;
margin-right: 15px;
height: 100%;
display: inline-block;
}
.daoUpload .fileOption .option .add{
display: inline-block;
background-color: #00b7ee;
color: #fff;
height: 30px;
width: 86px;
line-height: 30px;
text-align: center;
border-radius: 5px;
cursor: pointer;
margin-right: 5px;
}
.daoUpload .fileOption .option .add:hover, .daoUpload .fileOption .option .uploads:hover{
background-color: #0392bd;
}
.daoUpload .fileOption .option .uploads{
display: inline-block;
background-color: #00b7ee;
color: #fff;
height: 30px;
width: 86px;
line-height: 30px;
text-align: center;
border-radius: 5px;
cursor: pointer;
}
.daoUpload .fileOption .file_size{
padding-left: 15px;
font-size: 14px;
}
.daoUpload .fileList{
width: 100%;
height: auto;
overflow: auto;
}
.daoUpload .fileList img{
width: 100%;
height: 100%;
}
.daoUpload .fileList ul{
height: 100%;
margin: 0;
padding: 0;
padding-left: 15px;
padding-top: 15px;
}
.daoUpload .fileList li{
width: 110px;
height: 110px;
float: left;
list-style: none;
margin-right: 15px;
margin-bottom: 15px;
position: relative;
cursor: pointer;
}
.daoUpload .fileList li .del{
position: absolute;
left: 0;
bottom: 0;
display: none;
width: 100%;
height: 30px;
text-align: center;
background-color: rgba(0,0,0,0.5);
color: #fff;
line-height: 30px;
}
.daoUpload .fileList li .suff{
display: block;
width: 108px;
height: 108px;
text-align: center;
border: 1px solid #ccc;
line-height: 90px;
font-size: 27px;
font-weight: bold;
color: #565555;
}
.daoUpload .fileList li .speed{
position: absolute;
left: 0;
bottom: 0;
display: inline-block;
width: 100%;
height: 30px;
text-align: center;
background-color: rgba(0,0,0,0.5);
color: #fff;
line-height: 30px;
}
.file_size .reup{
color: red;
cursor: pointer;
}
JavaScript
1
https://gitee.com/chunbao12/upload_tool.git
git@gitee.com:chunbao12/upload_tool.git
chunbao12
upload_tool
上传工具,文件上传,多文件,拖拽
master

搜索帮助