input上传图片

html

     <input
        class="file"
        name="image"
        type="file"
        accept="image/png,image/gif,image/jpeg"
        @change="update($event)"
      />

js

//上传图片

let fileImg = reactive({}); // 接口返回路径

const update = (e) => {
  let file = e.target.files[0];
  let param = new FormData(); //创建form对象
  param.append('file', file, file.name); //通过append向form对象添加数据
  // "file" 是data里 请求参数的名称
  axios({
    method: 'post',
    url: '上传图片的路径',
    data: param,
  }).then((res) => {
    Object.assign(fileImg, res.data); // 图片路径
    console.log(res);
  });
};