html代码

            

                我的任务 ( 1 )
                
                
            
            

                

                    

                        
                            
                                

                                    

                                      

                                        

                                              
                                              
                                                
                                              
                                        
                                      
                                    

                                    

                                          

                                            
                                          
                                         

                                            
                                            Remove image
                                          
                                    

                                  

                            
                        
                        
                            

                                【四带】老带新
                                2分
                            
                            
进行中
                            

                                2017年6月
                                评价:3人
                            
                        
                    
                    

                        
                            
                                

                                    

                                      

                                        

                                              
                                              
                                                
                                              
                                        
                                      
                                    

                                    

                                          

                                            
                                          
                                         

                                            
                                            Remove image
                                          
                                    

                                  

                            
                        
                        
                            

                                【四带】老带新
                                2分
                            
                            
进行中
                            

                                2017年6月
                                评价:3人
                            
                        
                    
                
            

        

js代码

module.exports = {

name: 'Upload',
data: function(){
    return {
        images: [],
        img:[]
    }
},
    onFileChange:function (e) {
        var dom=e.currentTarget;
          var files = e.target.files || e.dataTransfer.files;
          if (!files.length) return;
        this.createImage(files);
          
    },
    createImage (file) {
          var vm = this;
          var reader = null;
          var leng = file.length;
          for (var i = 0; i < leng; i++) {
            reader = new window.FileReader();
            reader.readAsDataURL(file[i]);
            reader.onload = function (e) {
                    vm.images.push(e.target.result);
            }
          }
    },
    removeImage: function (e) {
          this.images = [];
    },
    delImage: function (index) {
          this.images.shift(index);
    }
}

};

这个js代码，只能实现第一个图片区域有图，第二个上传图片区没有图