上傳頭像之后,在右邊預(yù)覽的圖片和和左邊上傳的圖片同步
var input = document.getElementsByClassName("file_input")[0];
var result;
var dataArr = []; // 儲(chǔ)存所選圖片的結(jié)果(文件名和base64數(shù)據(jù))
var fd; //FormData方式發(fā)送請(qǐng)求
var oSelect = document.getElementsByClassName("select");
// var oAdd = document.getElementById("add");
// var oSubmit = document.getElementById("submit");
var oInput = document.getElementsByClassName("file_input")[0];
// var ZAfterapply = document.getElementsByClassName('Z-Afterapply-UTu-li-div')[0];
if(typeof FileReader==='undefined'){
alert("抱歉,你的瀏覽器不支持 FileReader");
input.setAttribute('disabled','disabled');
}else{
input.addEventListener('change',readFile,false);
} //handler
function readFile(){
fd = new FormData();
var iLen = this.files.length;
var index = 0;
for(var i=0;i<iLen;i++){
if (!input['value'].match(/.jpg|.png|.jpeg|.bmp/i)){ //判斷上傳文件格式
return alert("上傳的圖片格式不正確,請(qǐng)重新選擇");
}
var reader = new FileReader();
reader.index = i;
fd.append(i,this.files[i]);
reader.readAsDataURL(this.files[i]); //轉(zhuǎn)成base64
reader.fileName = this.files[i].name;
reader.onload = function(e){
var imgMsg = {
name : this.fileName,//獲取文件名
base64 : this.result //reader.readAsDataURL方法執(zhí)行完后,base64數(shù)據(jù)儲(chǔ)存在reader.result里
}
dataArr.push(imgMsg);
result = '<div class="delete">X</div><div class="resul"><img id="imga" src="'+this.result+'" alt=""/></div>';
var div = document.createElement('div');
div.innerHTML = result;
div['className'] = 'floa';
div['index'] = index;
document.getElementsByClassName('Z-Afterapply-UTu-li-div')[0].appendChild(div); //插入dom樹
var img = div.getElementsByClassName('img')[0];
img.onload = function(){
var nowHeight = ReSizePic(this); //設(shè)置圖片大小
// this.parentNode.style.display = 'block';
var oParent = this.parentNode;
if(nowHeight){
oParent.style.paddingTop = (oParent.offsetHeight - nowHeight)/2 + 'px';
}
}
$('.float').mouseover(function(){
$(this).children(".delete").show();
})
$('.float').mouseout(function(){
$(this).children(".delete").hide();
})
// deletes.onclick = function(){
// this.remove(); // 在頁面中刪除該圖片元素
// // delete dataArr[this.index]; // 刪除dataArr對(duì)應(yīng)的數(shù)據(jù)
$(".delete").click(function(){
$(this).parents('.float').remove();
})
index++;
}
}
}
function send(){
var submitArr = [];
for (var i = 0; i < dataArr.length; i++) {
if (dataArr[i]) {
submitArr.push(dataArr[i]);
}
}
}
$(".select").click(function(){
oInput.value = ""; // 先將oInput值清空,否則選擇圖片與上次相同時(shí)change事件不會(huì)觸發(fā)
//清空已選圖片
$('.resul').remove();
dataArr = [];
index = 0;
oInput.click();
})
function ReSizePic(ThisPic) {
var RePicWidth = 200; //這里修改為您想顯示的寬度值
var TrueWidth = ThisPic.width; //圖片實(shí)際寬度
var TrueHeight = ThisPic.height; //圖片實(shí)際高度
if(TrueWidth>TrueHeight){
//寬大于高
var reWidth = RePicWidth;
ThisPic.width = reWidth;
//垂直居中
var nowHeight = TrueHeight * (reWidth/TrueWidth);
return nowHeight; //將圖片修改后的高度返回,供垂直居中用
}else{
//寬小于高
var reHeight = RePicWidth;
ThisPic.height = reHeight;
}
}
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問,美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。