input上传文件
时间：2024-11-19 18:01:58
input上传文件
input上传文件主要分为以下几步：
1. 绑定input[type=‘file’]的change事件。在HTML中，我们可以使用``来绑定change事件，其中uploadPhoto是我们自定义的上传照片的方法。
2. 利用fileReader对象获取图片或者文件的base64编码。在uploadPhoto方法中，我们使用`const reader = new FileReader(); reader.readAsDataURL(curImgFile);`来获取文件的base64编码。
3. 将获取到的图片或文件的编码传给后台。在uploadPhoto方法中，我们可以使用ajax将获取到的图片或文件的编码传给后台`this.uploadCard[id] = e.target.result;`。
需要注意的是，上传文件的样式可以通过修改input的opacity和position来实现。
《input上传文件》不代表本网站观点，如有侵权请联系我们删除
精彩推荐