jquery ajax php 无刷新简历填写(照片上传裁剪)
2012-11-20 15:25
302 查看
通达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.一些表单验证,防止数据库注入等过滤。
源码分享云盘 http://l13.yunpan.cn/lk/Q6p98Uc2phBuW
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.一些表单验证,防止数据库注入等过滤。
源码分享云盘 http://l13.yunpan.cn/lk/Q6p98Uc2phBuW
相关文章推荐
- jquery ajax php 无刷新上传文件 带 遮罩 进度条 效果的哟
- 使用Flash结合PHP实现头像的无刷新上传与裁剪
- Asp.Net无刷新上传并裁剪头像
- Asp.Net无刷新上传并裁剪头像
- jQuery Ajax文件上传(php)
- php+html5实现无刷新图片上传教程
- jquery ajax方式上传图片页面无刷新浏览
- php 图片上传与裁剪
- HTML5+php图片自由裁剪上传功能-www.srcfans.com 修改版
- php+js实现图片的上传、裁剪、预览、提交示例
- PHP+jquery+ajaxupload 无刷新上传文件或图片
- PHP+JavaScript 实现图片无刷新上传
- php上传、管理照片示例
- 使用PHP和HTML5 FormData实现无刷新文件上传教程
- flash 头像上传裁剪预览支持多种语言php,jsp,asp,asp.net
- Asp.Net无刷新上传并裁剪头像
- PHP文件上传学习(单文件,ajax无刷新方式)
- PHP+jQuery+jCrop在线上传裁剪头像(内含源码)
- php实例025:iframe实现拟ajax无页面刷新上传
- PHP+JavaScript 实现图片无刷新上传