html部分：

<el-form-item label="圖片" prop="icon">
  <el-upload
    v-model="rotationfrom.img"
    action=""
    multiple
    show-file-list
    :http-request="httpRequest"
    list-type="picture-card"
    :on-preview="handlePictureCardPreview"
    :on-remove="handleRemove"
    :file-list="fileList"
  >
    <i class="el-icon-plus" />
  </el-upload>
  <el-dialog :visible.sync="dialogVisibleimg">
    <img width="100%" :src="rotationfrom.img" alt="">
  </el-dialog>
</el-form-item>
js部分：
　　方法部分
　　

// 圖片上傳
async httpRequest(options) {
  console.log(options)
  const fd = new FormData()
  fd.append('file[]', options.file)
  const res = await Upimg(fd)
  // 圖片上傳成功後把圖片push到scroll中用於修改
  console.log(res)

  if (res.status !== 200) {
    return this.$message.error('上傳失敗')
  } else {
    this.rotationfrom.img = res.data[0].url

    console.log(res)
    console.log(this.rotationfrom)
  }
},
封裝部分：

import axios from 'axios'
// 上傳圖片
export function Upimg(data) {
  return axios({
    url: 'https://ssssssd',
    method: 'post',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded',
      'Accept': '*/*',
      'X-requested-with':'XMLHttpRequest'
    },
    data
  })
}