java 图片压缩 base64_java图片上传(2)----base64压缩图片

本篇是用base64技术进行上传图片。

前端进行压缩生成base64，后端接收base64字符串，进行解码，通过流保存到服务器文件夹上。

重点在于：压缩图片(canvas)和base64(FileReader)

页面元素：

js：

$(function(){

var prefixUrl="localhost:8081"

$("#img").change(function(){

base64Util($("#img")[0].files[0],400,function(base64){

$("#headImg").val(base64)

//上传到后台服务器，路径保存到数据库

$.ajax({

type:'post',

data:{'base64Str':base64},

url:"http://"+prefixUrl+"/base64Upload",

dataType:'json',

cache:false,

success:function(data){

$("#picture").attr("src","http://"+data.webUrl)

$("#picture").show()

$("#headImg").val(data.path)