使用jquery实现多张图片的上传，程序员翻身之路

padding-left: 11px;

border-bottom: solid 1px #e5e5e5;

}

.productName,

.attributesName {

float: left;

}

.pros,

.proAttributes {

float: left;

}

.inputProductName,

.inputAttributes {

height: 45px;

line-height: 45px;

border: none;

outline: none;

padding-left: 5px;

font-size: 16px;

width: 100%;

}

/-------------上传图片--------------/

.productDrawingBox {

background-color: #fcfcfc;

color: #333333;

font-size: 16px;

padding-left: 11px;

border-bottom: solid 1px #e5e5e5;

}

.productDescription {

height: 44px;

line-height: 44px;

}

.remark {

color: #999999;

}

.productImg {

height: 96px;

overflow: hidden;

}

.divImg {

width: 78px;

height: 81px;

background-color: #edf0f2;

/margin-left: 22px;/

margin-right: 11px;

float: left;

margin-bottom: 15px;

}

.imgBiMG{

width: 78px;

height: 81px;

float: left;

display: block;

}

.uploadDIv {

width: 78px;

height: 81px;

background-color: #edf0f2;

font-size: 28px;

color: #bfbfbf;

text-align: center;

line-height: 81px;

float: left;

position: relative;

}

.uploadDIv input {

width: 78px;

height: 78px;

opacity: 0;

position: absolute;

right: 0px;

top: 0px;

z-index: 4;

padding: 0;

}

.confirmApply {

height: 43px;

width: 78%;

text-align: center;

margin: 0 auto;

background: -webkit-linear-gradient(left, #ef833b, #f04d6a);

background: -o-linear-gradient(right, #ef833b, #f04d6a);

background: -moz-linear-gradient(right, #ef833b, #f04d6a);

background: linear-gradient(to right, #ef833b, #f04d6a);

color: #fff;

line-height: 43px;

border-radius: 21px;

margin-top: 37px;

margin-bottom: 37px;

}

js代码如下：