js 基于base64转码上传图片

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 imgArr = [];

        for (var i = 0; i < fileList.length; i++) {
            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";
                };


            }
        };
    };