Nodejs+angularjs结合multiparty实现多图片上传的示例代(3)
添加css样式以便页面更加合理美观
.fill .form-group label .add{
border:1px solid #666;
width: 100px;
height: 100px;
position: relative;
cursor: pointer;
}
.fill .form-group label .add span:nth-of-type(1){
width: 2px;
height: 50px;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin-top: -25px;
margin-left: -1px;
background: #666;
}
.fill .form-group label .add span:nth-of-type(2){
background: #666;
width: 50px;
height: 2px;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin-top: -1px;
margin-left: -25px;
}
.fill .form-group input{
display: none;
}
.fill .imgload{
display: inline-block;
margin: 7px;
position: relative;
}
.fill .imgload label img{
width: 200px;
height: 200px;
}
.fill .imgload .imgDel{
width:20px;
height: 20px;
background: #666;
border-radius: 50%;
position: absolute;
right: -10px;
top: -10px;
color: #ccc;
text-align: center;
line-height: 20px;
cursor: pointer;
}
注:整体页面采用bootstrap框架布局
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持黑区网络。
