input file文件上传

2024-10-10 19:01:22 数码硬件

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来实现。

版权说明: 本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。