原生js实现打开手机相册并上传文件到服务器

js实现上传文件服务器，打开手机相册

在common文件夹中封装公共方法

 // 上传照片
  upimage () {
    //  打开手机相册
    return new Promise((resolve, reject) => {
      let input = document.createElement('input')
      input.setAttribute('type', 'file')
      input.setAttribute('accept', 'image/*')
      input.click()
      input.onchange = function () {
        let file = this.files
        resolve(file[0])
      }
    })
  },

在页面使用该方法时，定义一个点击事件@click=“uploadImg”

 // 上传照片
    uploadImg() {
      // 引用upimage的公共方法并接收回传参数  
      this.$_upimage().then((res) => {    
      //定义一个空的formData对象    
        let formData = new FormData()
        //将res存入formData的append中 
        formData.append('file', res)
        // 调用上传文件接口，将文件上传服务器
        。。。
        })
      })
    },