jquery ajax php 无刷新简历填写(照片上传裁剪)

通达oa办公软件 添加模块 

jquery ajax php 无刷新简历填写(照片上传裁剪)

实例http://oa.q-al.com/resume/

流程图

图片上传 参考博客

图片上传请参考，基本流程是一样的，修改了一些适合本功能的一些方法。参考源码

插件列表

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编码问题。

iconv("gb2312","utf-8//IGNORE",$data);  //gb2312->utf-8 此处  //IGNORE 为忽略转换错误提示。至于为什么google上很多。

4.一些表单验证，防止数据库注入等过滤。