表结构字段类型:
SCZP BLOB
实体类对象:
private byte[] sczp;
图片上传功能实现,伪代码如下:
jsp
<input type="file" id="u_browsefile" >
<div class="images_show" id="u_images_show">
上传图片预览区
图片仅限JPG、PNG格式
文件尺寸:532×400px
文件大小:200K以内
</div>
js
//多图上传 input file控件里指定multiple属性 e.target是dom类型
$("#u_browsefile").change(function(e){
for(var i=0;i<e.target.files.length;i++)
{
var file = e.target.files.item(i);
//允许文件MIME类型 也可以在input标签中指定accept属性
if(!(/^image\/.*$/i.test(file.type)))
{
continue; //不是图片 就跳出这一次循环
}
//实例化FileReader API
var freader = new FileReader();
freader.readAsDataURL(file);
freader.onload=function(e)
{
u_imagestr=e.target.result;
var img = '<img src="'+e.target.result+'" width="200px" height="200px"/>';
$("#u_images_show").empty().append(img);
}
}
});
//保存
function create(){
var base = new Base64();
var images=base.encode(imagestr);
var createparam = $('#createform').serializeArray();//返回json数据结构
var param=JSON.stringify(createparam);
$.ajax({
type:"post",
data: {param:param,images:images},//传递slid值
url:projectpath+"/certificate/cjjl/save.do",
dataType:"text",
async :false,
success:function(data){
//alert(data);
location.reload();
}
})
}
controller
certificateCjjl.setBk(bk);
byte contentsz[] = Base64.decodeBase64(images);
certificateCjjl.setSczp(contentsz);
certificateCjjlService.insert(certificateCjjl);
//注意:引入的包是import org.apache.commons.codec.binary.Base64;
分享到:
相关推荐
前后端分离示例demo-旅馆管理系统 前后端分离示例demo-旅馆管理系统 前后端分离示例demo-旅馆管理系统 前后端分离示例demo-旅馆管理系统 前后端分离示例demo-旅馆管理系统 前后端分离示例demo-旅馆管理系统 前后端...
SSM中通过Json做前后端分离示例源码,
有pom 的全部依赖文件,有完整的css、js,以及demo脚本,我的后端是smm的框架,只贴出了相关的全部代码示例,一看就懂。在配置过程中,如果使用springMVC,需要配置 springMultipartFile的bean, ...
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。
1、该资源内项目代码都是经过测试运行成功,功能正常的情况下才上传的,请放心下载使用。 2、适用人群:主要针对计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、数学、电子信息等...
基于springboot与vue.js开发的前后端分离的超大文件分片上传下载系统,拥有简洁漂亮的界面,实现了G级别文件极速上传下载,断点续传以及秒传功能
这是本人写的一个基于KindEditor-4.1.9的Java项目,采用Struts2框架,实现了KindEditor单张图片上传、批量图片上传,可以上传到image目录下的子目录中,可返回上一级目录,并实现了按名称、大小、类型排序的功能。...
Retrofit+rxjava+mvp形式上传多张图片完整示例,加上多种图片选择。和微信朋友圈相似,想看后台接收方法的搜寻(Retrofit+rxjava+mvp形式上传多张图片完整示例后台接收)
前后端通过AES加密进行信息交互的例子,内含前端加解密示例和可运行的JAVA后端jar包示例,并有源代码,有JAVA环境可直接运行。程序启动后展示页面地址http://localhost:8080
实现了用户登录,支付等功能,特色: - 全栈 ### 数据接口: - 自己服务器接口 ### 目录结构: 客户端: - images — 存放项目图片文件 - pages — 存放项目页面渲染相关文件 - utils — 存放js库和数字格式化...
Vue+SpringBoot前后端交互实现文件上传示例代码;Vue+SpringBoot前后端交互实现文件上传示例代码;Vue+SpringBoot前后端交互实现文件上传示例代码
微服务Spring Cloud 程序前后端代码代码示例
Ajax uploader可以完成在FF3.6+, Safari4+,Chrome中使用XHR达到多文件上传,并提供进度条功能;而在其他浏览器中,退化成基于iframe的文件上传。Ajax uploader为用户提供了很好的体验。官网( ...
Retrofit+rxjava+mvp形式上传多张图片完整示例后台接收,配合Retrofit+rxjava+mvp形式上传多张图片完整示例组成一套完整示例
登录时,用户的密码用明文传输...非对称加密算法常用RSA算法,秘钥使用base64编码成字符串,后端使用jdk8的标准API,前端使用jsencrypt.js进行RSA的对应操作。经过测试,本例中的前后端代码的加密解密计算结果是一致的。
可以直接运行的完整示例哦,是用struts+hibernate完成的。
1、完全由Jquery上传图片实现功能; 2、可以适合做网页、asp、php、aspx等页面页面图片上传功能。
Java 将图片列表转换合并为pdf完整示例,含代码、示例图片、依赖包
前后端分离的网上银行管理系统源码+项目说明+示例图片(实现登录、注册、首页、个人信息管理、账户管理、贷款页面、交流平台功能).zip # online-bank 前后端分离的网上银行管理系统,实现:登录、注册、首页、个人...