*{margin: 0px; padding: 0px; font-size: 18px;}
li{list-style: none;}
.leftLi{
text-align: left;
}
.rightLi{
min-width: 500px;
text-align: left;
}
.imgWrap{
position: relative;
z-index: 1;
width: 120px;
height: 120px;
border-radius: 3px;
}
#img0{
width: 120px;
height: 120px;float: left;
}
#file0{
position: absolute;
top:0;
display: none;
}
$("#img0").click(function(){
$("#file0").click();
})
$("#file0").change(function(){var objUrl = getObjectURL(this.files[0]) ;
console.log("objUrl = "+objUrl) ;if(objUrl) {
$("#img0").attr("src", objUrl) ;
}
}) ;//建立一個可存取到該file的url
functiongetObjectURL(file) {var url = null;if (window.createObjectURL!=undefined) { //basic
url =window.createObjectURL(file) ;
}else if (window.URL!=undefined) { //mozilla(firefox)
url =window.URL.createObjectURL(file) ;
}else if (window.webkitURL!=undefined) { //webkit or chrome
url =window.webkitURL.createObjectURL(file) ;
}returnurl ;
}
})
-
封面:
点击图片进行封面更换