表单提交之上传图片
来源:互联网 发布:美工自学多久能自己做 编辑:程序博客网 时间:2024/05/22 12:53
当我们直接用表单将数据传送到后台的时候,需要在表单标签加上enctype="multipart/form-data"语句。具体实现如下:
html代码:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><form action="http://localhost:8080/SSS/authentication/uploadImg" method="post" enctype="multipart/form-data"><input type="text" name="userId"/><input type="file" name="img"/><input type="submit" name="提交"/></form></body></html>
Java代码:
@ResponseBody@RequestMapping("/uploadImg")public void uploadImg(MultipartFile img,HttpServletRequest request) throws IOException{//获取图片的完整名称String imgFile = img.getOriginalFilename();//使用随机生成的字符串+图片的文件扩展名作为图片存储的名称String newFileName = UUID.randomUUID().toString() + imgFile.substring(imgFile.lastIndexOf("."));//将图片保存在硬盘img.transferTo(new File("F:\\"+newFileName));//将图片保存到数据库UserInfo user=userInfoService.getuserById(Long.parseLong(request.getParameter("userId")));user.setCardUrl(newFileName);}
这样就实现了图片保存到指定路径,以及将图片的路径保存到数据库的功能。
阅读全文
0 0
- 表单提交之上传图片
- 单张图片上传表单提交
- form.js提交表单同步上传图片
- ajaxSubmit 提交表单实现图片上传
- 使用httpclient模拟表单提交,上传图片
- jquery mobile 表单提交 图片/文件 上传
- ajaxsubmit表单提交以及图片上传
- [Nginx 2] form表单提交,图片上传
- js表单提交,支持图片上传
- vue axios 表单提交上传图片
- nodejs表单提交(上传图片)
- 上传图片之表单请求
- 使用FormData表单数据对象提交表单及上传图片
- Android 上传图片、上传文件、提交表单 工具类
- php的表单提交之上传文件
- Retrofit之表单提交、多文件上传
- ajax异步请求提交上传图片表单并预览图片
- ajax异步请求提交上传图片表单并预览图片
- VGA
- 抽象工厂模式
- wrapping a C library with cython
- 实时显示时间(HTML+JS)
- STL库容器vector Constructors构造函数
- 表单提交之上传图片
- 读过的优秀博客
- 普通人如何突破贫穷的层级,成为人上之人
- java单例模式案例,及单例体现的关键
- java实现基于SM4算法计算联机MAC数据
- 散列表(哈希表)
- 一步步结合实例学习retrofit2
- 无约束非线性优化经典算法学习笔记
- LeetCode Weekly Contest 40(3)