haoshengxin/company/web/js/imgUp.js

/**
 * 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() {
                //点击取消后的回调函数
            });
        }
    };
};