java图片上传到本地_javaweb上传图片存到本地,并存储地址到数据库

前端使用layui的图片上传，将文件base64编码，然后在后端使用转码类来操作base64编码，并保存图片到本地，继而获取文件地址，将文件地址保存到数据库中

1.使用layui的图片上传

infoset.jsp

layui.use('upload', function() {

var $ = layui.jquery;

var upload = layui.upload;

//普通图片上传

var uploadInst = upload.render({

elem: '#test1',

//根据id上传图片

url: 'http://localhost:8080/user?method=updateUserPhoto&id='+id, //改成您自己的上传接口

method: 'post' , //可选项。HTTP类型，默认post

auto: false, //选择文件后不自动上传

bindAction: '#ListAction' ,//指向一个按钮触发上传

choose: function(obj){

//将每次选择的文件追加到文件队列

var files = obj.pushFile();

//预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)

obj.preview(function(index, file, result) {

console.log(index); //得到文件索引

console.log(file); //得到文件对象

console.log(result); //得到文件base64编码，比如图片

$('#demo1').attr('src', result); //图片链接(base64)

$.post("http://localhost:8080/user?method=updatePhoto", {result:result,id:id}, function(res) {

console.log("updatePhoto请求成功