jquery ajax php 無重新整理簡曆填寫(照片上傳裁剪)

來源:互聯網
上載者:User


流程圖


圖片上傳 參考部落格
圖片上傳請參考,基本流程是一樣的,修改了一些適合本功能的一些方法。參考源碼
外掛程式列表
1.JQUERY 外掛程式
2.用戶端圖片選擇 imgareaselect
3.uploadify 上傳功能
4.piphp_uploadfile.php 上傳檔案
5.piphp_imagecrop.php 圖片

圖片上傳及簡曆總結
1.圖片上傳時傳入時間戳記附加特定字元md5加密後得到快取檔案的唯一名稱以備簡曆填寫結束後刪除該檔案
2.ajax傳輸,
json資料格式
var eduField={
'RESUME_IDCARD':'',
'RESUME_EDU_STARTDATE':'',
'RESUME_EDU_ENDDATE':'',
'RESUME_EDU_SCHOOL':'',
'RESUME_EDU_TEL':''
}
進過JSON.stringify(eduField) 解析之後
可由ajax提交給後台
$.ajax({
type:"POST",
url:"resume_save.php",
data:data
beforeSend:function(){
$("#submit").attr("disabled",true).val("提交中。。。");
},
success:function(data){
var jsonresult=JSON.parse(data);//將背景json格式解析回對象,可直接點出屬性值 也可類似數組方式取得值jsonresult['key']
..........
jsonresult.step
}
});

後台擷取資料解析
stripslashes 將資料中的轉義\進行反轉義去除\
再將資料json解析
json_decode(stripslashes($_REQUEST['data']));
該資料為object

後台arrary 或者object 資料encode然後傳回前前台頁面
json_encode($jsonarr);

前台接受資料
JSON.parse(data)
讀取資料

3.gbk 和utf8編碼問題。  www.2cto.com
iconv("gb2312","utf-8//IGNORE",$data);  //gb2312->utf-8 此處  //IGNORE 為忽略轉換錯誤提示。至於為什麼google上很多。

4.一些表單驗證,防止資料庫注入等過濾。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.