/** * Created by zhiji on 2017/8/4. */ //图片上传预览 function imgChange(obj1, obj2) { //获取点击的文本框 var file = document.getElementsByClassName(obj1)[0]; //获取的图片文件 var fileList = file.files; //文本框的父级元素 var input = document.getElementsByClassName(obj2)[0]; var imgArr = []; //遍历获取到得图片文件 for (var i = 0; i < fileList.length; i++) { var imgUrl = window.URL.createObjectURL(file.files[i]); imgArr.push(imgUrl); var img = document.createElement("img"); img.setAttribute("src", imgArr[i]); var imgAdd = document.createElement("div"); imgAdd.setAttribute("class", "z_addImg"); var delBtn = document.createElement("span"); delBtn.setAttribute("class", "del-btn"); imgAdd.appendChild(delBtn); imgAdd.appendChild(img); input.before(imgAdd); }; imgRemove(); }; //删除图片 function imgRemove() { var imgList = document.getElementsByClassName("z_addImg"); for (var j = 0; j < imgList.length; j++) { imgList[j].index = j; imgList[j].onclick = function() { var t = this; $.confirm("确定要删除图片吗?", function() { //点击确认后的回调函数 t.remove(); }, function() { //点击取消后的回调函数 }); } }; };