vue 使用axios请求图片上传

html:

<div>
    <el-upload
      accept=".jpg,.jpeg,.png,.JPG,.JPEG"
      action="/index.php/index/upload/uploadimg"
      list-type="picture-card"
      :on-preview="handlePictureCardPreview"
      :on-remove="handleRemove"
      :auto-upload="false"
      :on-change="upload">
      <i class="el-icon-plus"></i>
    </el-upload>
    <el-button type="primary"  @click="submit">图片上传</el-button>
    <el-dialog :visible.sync="dialogVisible">
      <img width="100%" :src="dialogImageUrl" alt="" />
    </el-dialog>
 </div>

js:

export default {
  data() {
    return {
      dialogImageUrl: "",
      dialogVisible: false,
      imageUrl: ""