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框架布局
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持黑区网络。