vue2.0 中上传文件

用到了HTML5的新的方法fromData 结合jq中ajax进行上穿

template： 通过绑定change事件，监听选择文件的变化

<input type="file" @change="getFile">

script: 

data(){

return {

file: ' '

    }

}

methods:{
   getFile($event){
      this.file = $event.target.files[0] //获取要上传的文件
  }，
  upload (){
   let da = New FormData()
     da.append("files",this.file)
     //da.append("name", this.name)可以逐次添加多个参数
    $.ajax({
	url: 'www.baicu.com',
	data: da,
        type: 'POST',
	chacke: false,
 	processData: false,  // 告诉jQuery不要去处理发送的数据
     contentType: false,  // 告诉jQuery不要去设置Content-Type请求头
   }).done(function(){

     })
    .fail(function(){
  
    })


  }
}









浏览器兼容性


  
  
chrome
firefox
internerExploer
Opera
Safari
7+
4+
10+
12+
5