vue+iview上传图片

有时候需要用到图片上传，而且是和其他字符串类型一并上传，比如修改含头像的个人信息时。这时候我们可以利用FormData来拼成一个form表单来上传，这种方法简便可行。我用的是vue+iview。
比如注册个人信息。
首先将页面写出来：

	
      

           
               
           
       
    
  	
        
    
    
        
    
  
  保存

然后，需要声明用到的变量：

data(){
    return{
    	basicInfo:{ 
			head_url:'',
			nickname:'',
			num:''
		},    
		imgFile :null  //图片文件
    }
 }

用到的方法：

upload_handleUpload（file）{
	this.imgFile = file;
    this.basicInfo.head_url= window.URL.createObjectURL(file);
    return;
},
// 保存修改
saveinfo(){
    let formData = new FormData();

    formData.append('headfile', this.imgFile );
    formData.append('nickname', this.basicInfo.nickname);
    formData.append('num', this.basicInfo.num);
    ...(此处发送请求,参数是 formData ）...
},

整体很简单，能简单实现上传图片，复杂的可以在基础上修改。