jdc_dkh_jxicustomer/js/batchImport.js

JDC_dkh_jxicustomer ==== 产品经理：田宇，弥磊 设计：罗婷 交互：张钊

$(".tap").bind("click", function () {
    var self = this;
    $(self).addClass("selected");
    $(self).siblings().removeClass("selected");
    var name = $(self).attr("name");
    console.log($(".box-body[name="+name+"]"));
    $(".box-body[name="+name+"]").show();
    $(".box-body[name="+name+"]").siblings(".box-body").hide();
}); 
var fileList = null;
if (typeof(Worker) !== "undefined") {
    // 浏览器支持HTML5
    $(document).bind({
        dragleave:function(e){      //拖离
            e.preventDefault();
        },
        drop:function(e){           //拖后放
            e.preventDefault();
        },
        dragenter:function(e){      //拖进
            e.preventDefault();
        },
        dragover:function(e){       //拖来拖去
            e.preventDefault();
        }
    });
    var box = document.getElementById('drag-upload'); //拖拽区域
    var uploadeBtn = document.getElementById('btn-upload');
    var fileInp = document.getElementById('file-inp');
    uploadeBtn.addEventListener("click", function() {
        $("#file-inp").trigger("click");
    })
    fileInp.addEventListener("change", function() {
        fileList = fileInp.files;
        $(".filename").html(fileList[0].name);
        $(".icon").show();
    })
    box.addEventListener("drop",
    function(e) {
        // debugger
        e.preventDefault(); //取消默认浏览器拖拽效果
        fileList = e.dataTransfer.files; //获取文件对象
        //检测是否是拖拽文件到页面的操作
        if (fileList.length == 0) {
            return false;
        }
        //检测文件是不是图片
        if ((fileList[0].type.indexOf('vnd.openxmlformats-officedocument.spreadsheetml.sheet') === -1) && (fileList[0].type.indexOf('vnd.ms-excel') === -1) ) {
            alert("文件必须为xls或xlsx格式!");
            return false;
        }
        //拖拉图片到浏览器，可以实现预览功能
        // var img = window.webkitURL.createObjectURL(fileList[0]);
        var filename = fileList[0].name; //图片名称
        // var filesize = Math.floor((fileList[0].size) / 1024);
        // if (filesize > 500) {
        //     alert("上传大小不能超过500K.");
        //     return false;
        // }
        //alert(filesize);
        // var str = "![](" + img + ")<p>图片名称：" + filename + "</p><p>大小：" + filesize + "KB</p>";
        $(".filename").html(filename);
        $(".icon").show();

        
        

    },
    false);
} else {
    // 浏览器不支持HTML5
}
//上传
document.getElementById('import').addEventListener('click', function() {
        console.log(fileList[0]);
        // xhr = new XMLHttpRequest();
        // xhr.open("post", "upload.php", true);
        // xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");

        // var fd = new FormData();
        // fd.append('mypic', fileList[0]);

        // xhr.send(fd);
})