预览图片

1.给文件选择框注册 change1事件
2.获取文件信息 根据 files
3. 借助 URL.createObjectURL() 生成url地址
4. 将生成的url地址赋值给 img 标签的src属性
5. 发送axios
6. 参数 写入 file

 document.querySelector(`#heroIcon`).
addEventListener(`change`, function () {
     console.log(this);
     const file = this.files[0]
     const img = URL.createObjectURL(file)
     document.querySelector(`.preview`).src = 
img
     axios({
         method: 'post',
         url: '/cq/add',
         data: { file }, // 请求体参数
     }).then(({ data: res }) => {
         // 判断业务状态码是否为 0
         console.log(res);
     });
 })