图片上传 axios

<div v-if="photoShow">
   图片上传：
   <input type="file" placeholder="商品图片" class="marleft marright clearmoren" id="chuan" ref="search">
   <el-button type="primary" round size="mini" @click="upload">上传</el-button>
</div>

//上传图片
upload: function () { 
   var f = this.$ref.photo;
   console.dir(f.files[0]);
   let param = new FormData();
   param.append('img', f.files[0]);//通过append向form对象添加数据
   console.log(param.get('img')); //FormData私有类对象，访问不到，可以通过get判断值是否传进去
   let config = {
     headers: { 'Content-Type': 'multipart/form-data' }
   };  //添加请求头
   axios.post(this.$store.state.https + this.$store.state.geturl.upload + '?token=' + this.$store.state.tokenstatic, param, config)
   .then(response => {
      this.form.url = this.$store.state.geturl.photourl + response.data.data.url;
         console.log(this.form.url)
         if (this.form.url) {
           alert('图片上传成功')
         }
  })
},