base64多图片上传如何和后台进行交互( 二 )


    var oInput = document.getElementById("file_input"); 
    if(typeof FileReader==='undefined'){   
        alert("抱愧, 你的浏览器不撑持 FileReader");   
        input.setAttribute('disabled','disabled');   
    }else{   
        input.addEventListener('change',readFile,false); 
      }
    function readFile(){  
        fd = new FormData();
           var iLen = this.files.length; 
        var index = 0; 
        for(var i=0;i<iLen;i++){ 
            if (!input['value'].match(/.jpg|.gif|.png|.jpeg|.bmp/i)){ //判定上传文件格局   
                return alert("上传的图片格局不准确, 请从头选择");   
            } 
            var reader = new FileReader(); 
            reader.index = i;   
            fd.app(i,this.files[i]); 
            reader.readAsDataURL(this.files[i]);  //转当作base64
               reader.onload = function(e){ 
                 var imgMsg = this.result ;
                dataArr.push(imgMsg);  
                result = '<div class="result"><img src=https://vvvtt.com/article/"'+this.result+'" />

';
                var div = document.createElement('div'); 
                div.innerHTML = result;   
                div['className'] = 'float'; 
                div['index'] = index;   
                document.getElementsByTagName('body')[0].appChild(div);  //插入dom树   
                var img = div.getElementsByTagName('img')[0]; 
                img.onload = function(){   
                    var nowHeight = ReSizePic(this); //设置图片大小   
                    this.parentNode.style.display = 'block';   
                    var oParent = this.parentNode;   

猜你喜欢