document.querySelector('.file').addEventListener('change', function(e) {

          //1.可以通过this拿到这个file的DOM元素

          console.log(this)

          //1.  e 函数事件参数对象中也有这个file的DOM元素对象。使用e.target也可以直接拿到

          console.log(e.target)

          //对开发人员屏蔽，所以直接 必须调用这个文件的DOM对象的files属性，返回一个数组

          let files = e.target.files

          console.log(files)

          // console.log(files.item(0))

          // console.log(files[0])

          // 判断一手是否有文件

          if (!files.length) return

          // 上传文件 创建FormData

          let formData = new FormData()

          // upFile就是后台接收的key

          formData.append('upFile', files[0], files[0].name)

          // 将formdata发送到后台即可

          // 我用的 axios.post('url', formData)

        })