预览图片
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);
});
})
版权声明：本文为m0_64494670原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。