function imgChange(obj1, obj2){
var file = document.getElementById("file");
var imgContainer = document.getElementsByClassName(obj1)[0];
var fileList = file.files;
var input = document.getElementsByClassName(obj2)[0];
var file1=file.files[i];
var reader = new FileReader();
var str = '';
var img = document.createElement("img");
var imgAdd = document.createElement("div");
var canvas = document.createElement("canvas");
var ctx = canvas.getContext('2d');
img.onload = function(){
var w = img.naturalWidth,
h = img.naturalHeight;
var toSize = 400;
canvas.width = toSize;
canvas.height = toSize
var w2 = toSize, h2 = toSize;
if (w > h) {
h2 = h / w * toSize;
} else {
w2 = w / h * toSize;
}
ctx.drawImage(img, 0, 0, w, h, 0, 0, w2, h2);
}
reader.onload = function(e) {
str += '<div class="z_addImg">';
str += '<img src="'+ e.target.result+'">';
str += '</div>';
imgAdd.innerHTML = str;
imgContainer.appendChild(imgAdd);
};
reader.readAsDataURL(file1);
}
setTimeout(function () {
imgRemove();
},2000);
};
function imgRemove() {
var imgList = document.getElementsByClassName("z_addImg");
var mask = document.getElementsByClassName("z_mask")[0];
var cancel = document.getElementsByClassName("z_cancel")[0];
var sure = document.getElementsByClassName("z_sure")[0];
for (var j = 0; j < imgList.length; j++) {
imgList[j].index = j;
imgList[j].onclick = function() {
var t = this;
mask.style.display = "block";
cancel.onclick = function() {
mask.style.display = "none";
};
sure.onclick = function() {
mask.style.display = "none";
t.style.display = "none";
};
}
};
};
var file = document.getElementById("file");
var imgContainer = document.getElementsByClassName(obj1)[0];
var fileList = file.files;
var input = document.getElementsByClassName(obj2)[0];
var imgArr = [];
var file1=file.files[i];
var reader = new FileReader();
var str = '';
var img = document.createElement("img");
var imgAdd = document.createElement("div");
var canvas = document.createElement("canvas");
var ctx = canvas.getContext('2d');
img.onload = function(){
var w = img.naturalWidth,
h = img.naturalHeight;
var toSize = 400;
canvas.width = toSize;
canvas.height = toSize
var w2 = toSize, h2 = toSize;
if (w > h) {
h2 = h / w * toSize;
} else {
w2 = w / h * toSize;
}
ctx.drawImage(img, 0, 0, w, h, 0, 0, w2, h2);
}
reader.onload = function(e) {
str += '<div class="z_addImg">';
str += '<img src="'+ e.target.result+'">';
str += '</div>';
imgAdd.innerHTML = str;
imgContainer.appendChild(imgAdd);
};
reader.readAsDataURL(file1);
}
setTimeout(function () {
imgRemove();
},2000);
};
function imgRemove() {
var imgList = document.getElementsByClassName("z_addImg");
var mask = document.getElementsByClassName("z_mask")[0];
var cancel = document.getElementsByClassName("z_cancel")[0];
var sure = document.getElementsByClassName("z_sure")[0];
for (var j = 0; j < imgList.length; j++) {
imgList[j].index = j;
imgList[j].onclick = function() {
var t = this;
mask.style.display = "block";
cancel.onclick = function() {
mask.style.display = "none";
};
sure.onclick = function() {
mask.style.display = "none";
t.style.display = "none";
};
}
};
};