AJAX+FormData 实现头像上传和图片预览
主要的实现步骤:
① 使用文件选择器选择图片文件
② 把用户选择的文件存入 FormData 对象
③ 使用 axios 把 FormData 发送给服务器
④ 模拟文件选择器的点击事件
ajax提交服务器
formdata存放数据
获取文件对象 files
获取文件对象地址 URL.createObjectURL();
以下是全部代码:
html
<div class="thumb-box">
<!-- 头像 -->
<img src="./image
原创
2021-11-01 20:05:06 ·
326 阅读 ·
0 评论