博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js之base64上传图片
阅读量:4641 次
发布时间:2019-06-09

本文共 455 字,大约阅读时间需要 1 分钟。

首先要搭建好springmvc,详见

整体思路:前端代码包括显示和传参(这里的参数主要就是图片的base64字符串),显示主体部分是type=“file”类型的input组件和一个提交按钮   

             后端接收传过来的图片的base64字符串,将其通过流的形式进行本地保存或者直接保存在数据库中

1、简单的两个组件file组件和button组件

file的onchange属性(在点击选择的文件并且与前一次的文件不相同时执行showImg()函数)

button的onclick属性(点击按钮后执行saves()函数)

2、showImg()函数

3、saves()函数        (注意注意,这里我有一个写错了,在下面第六行的multipart/form-data中,我在下面中间少了一个"-")

 

4、后端:解析传过来的参数+保存文件到本地

 

5、测试结果

      连接服务器

      

      点击选择文件,选择图片

      

      点击保存图片,查看保存在本地的上传图片

      

 

转载于:https://www.cnblogs.com/zzb-yp/p/9443534.html

你可能感兴趣的文章
java基础图形界面和IO系统
查看>>
javascript学习笔记
查看>>
hdu 3996
查看>>
python第三十九课——面向对象(二)之初始化属性
查看>>
python学习笔记之函数装饰器
查看>>
FEM计算2D瞬态热传导方程
查看>>
四年时光,匆匆而过
查看>>
【php】【psr】psr1 基础编码规范
查看>>
WAF SSI
查看>>
LDAP & it's implementation
查看>>
Apache HttpComponents中的cookie匹配策略
查看>>
冰封的海盗攻略
查看>>
Netty4.x中文教程系列(四) 对象传输
查看>>
linux下find命令使用举例、
查看>>
GET请求在Tomcat中的传递及URI传递
查看>>
ubuntun 服务器与Mac
查看>>
重温JSP学习笔记--与日期数字格式化有关的jstl标签库
查看>>
java-Date-DateFormat-Calendar
查看>>
封装CLLocationManager定位获取经纬度
查看>>
我的第一篇博客-(Eclipse中或Myeclipse中如果不小心删除了包那可怎么办?)
查看>>