vue选择本地图片上传服务器并展示

  // 选择文件
      up(e) {
        console.log(666666666, e.target.dataset.index)
        const that = this
        // 获取待上传的文件对象
        let file = e.target.files[0]
        // 声明一个读取文件对象
        let reader = new FileReader();
        // 开始读取文件内容
        reader.readAsDataURL(file);
        // 读取操作结束时触发
        reader.onloadend = (ev) => {
          // 赋值给vue对象属性

          this.tempImg = ev.target.result
          let data = {
            image: this.tempImg
          }
          console.log(1234, data)
          //请求接口上传图片
          imgFile(data)
            .then((res) => {
              if (res.code === 200) {
                console.log('图片上传返回', res){
                  //回调赋值
                  this.img = res.result.path
         

              }
            })
        };
      },