HTML部分:
设置上传文件的input标签然后隐藏起来，再设置一个图片框，给图片框绑定双击事件
当双击图片框时触发input标签上传图片
用正则表达式过滤图片image/jpeg,image/png,image/jpg,image/gif,image/bmp
当input标签内容改变时获取当前文件选择器的第一个文件，用if判断文件的选择类型
然后读取文件转换成URL,读取完成后，把当前图片添加到图片框中
把input的数据保存到upFormData中，在新增的时候传递到控制器
在控制器接收到数据后，用if判断是否有目录存放文件，没有则创建目录
获取文件的拓展名生成新的文件名，将上传文件保存到指定路径
读取内存流到二进制数组，保存到对象最后保存到数据库。
效果：
本文介绍了如何使用HTML和JavaScript实现图片上传功能，通过双击图片触发上传，并利用正则表达式过滤图片格式。在后台，文章详细阐述了如何检查文件夹、生成新文件名、保存文件至指定路径，并最终将图片数据保存到数据库。此外，还涉及了前端与后端的数据交互以及文件上传过程中的关键步骤。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
