第HTML5+Canvas調(diào)用手機(jī)拍照功能實現(xiàn)圖片上傳（下）上一篇只講到前臺操作，這篇專門涉及到Java后臺處理，前臺通過Ajax提交將Base64編碼過的圖片數(shù)據(jù)信息傳到Java后臺，然后Java這邊進(jìn)行接收處理，通過對圖片數(shù)據(jù)信息進(jìn)行Base64解碼，之后使用流將圖片數(shù)據(jù)信息上傳至服務(wù)器進(jìn)行保存，并且將圖片的路徑地址存進(jìn)數(shù)據(jù)庫。

大家可以點此鏈接查看前臺本地壓縮上傳的處理：

HTML5+Canvas+jQuery調(diào)用手機(jī)拍照功能實現(xiàn)圖片上傳（上）

ok，廢話不多說了，直接貼代碼吧。

1、前臺js代碼：

$.ajax({

async:false,//是否異步

cache:false,//是否使用緩存

type:"POST",

data:{fileData:fileData,licenceName:licenceName,cust_tax_code:cust_tax_code,phoneNum:phoneNum,state_id:state_id},

dataType:"json",

timeout:1000,

contentType:'application/x-www-form-urlencoded;charset=utf-8',

url:$('#ctx').val()+"CustomerCheckServletaction=uploadLicence",

success:function(result){

console.log(result);

if(result==true){

alert('SuccessUpload~~~');

}elseif(result==false){

alert('ErrorUpload~~~');

error:function(){

alert("ErrorLinking~");

});

2、后臺Java代碼

*證件上傳

*@paramrequest

*@paramresponse

*@throwsIOException

publicvoiduploadLicence(HttpServletRequestrequest,HttpServletResponseresponse)throwsIOException{

("=====================uploadLicence");

df=newSimpleDateFormat("yyyy-MM-dd");

Stringcust_tax_code=request.getParameter("cust_tax_code");

StringphoneNum=request.getParameter("phoneNum");

StringlicenceName=request.getParameter("licenceName");

StringfileData=request.getParameter("fileData");//Base64編碼過的圖片數(shù)據(jù)信息，對字節(jié)數(shù)組字符串進(jìn)行Base64解碼

StringimgPath=uploadFile(fileData,liceneName);//進(jìn)行文件上傳操作，上傳到服務(wù)器中存放（這里是上傳到服務(wù)器項目文件夾中存到）

booleanresult=false;//最終上傳成功與否的標(biāo)志

custCheckInfo=newCustomerCheckInfo();

custCheckInfo.setCust_tax_code(cust_tax_code);

custCheckInfo.setPhonenum(phoneNum);

custCheckInfo.setUpdate_time(df.format(newDate()));

booleansave_flag=customerService.saveRegistCertInfo(custCheckInfo);//保存路徑

//判斷數(shù)據(jù)庫中的路徑是否存在，并且文件夾中的文件是否存在(判斷是否上傳成功的標(biāo)志)

booleanis_success=isSuccessUpload(licenceName,cust_tax_code,phoneNum);

if(save_flagis_success){

result=true;

//如果證件上傳成功，則記錄到記錄表中

if(result){

StateRecordInforecord=newStateRecordInfo();

record.setCust_tax_code(cust_tax_code);

record.setPhonenum(phoneNum);

record.setState_id(state_id);

saveStateRecord(record);//執(zhí)行狀態(tài)保存操作

S