portal html css js resource

lyn7568 5a953505c2 团队功能 5 年 前
..
banner 08604fd946 h5搜索, 6 年 前
field_icon c8773b04cf h5 首页搜索以及各个页面判断是否为移动端跳转H5页面 7 年 前
h5_img 45810a4e20 h5问答 6 年 前
professor e6c3c09286 更换专家头像,文章留言头像形状 7 年 前
talks 8aac7d97a7 首页【科袖访谈】内容添加 7 年 前
app-icons.png c5d9752792 --init 8 年 前
arrows.png c5d9752792 --init 8 年 前
bottom_button_dingbu_hig.png 746a2cc5de 浏览页面添加纠错反馈和回到顶部 7 年 前
bottom_button_guanbi_nor.png 746a2cc5de 浏览页面添加纠错反馈和回到顶部 7 年 前
bottom_button_jiucuo_hig.png 746a2cc5de 浏览页面添加纠错反馈和回到顶部 7 年 前
bottom_icon_xiugai_nor.png 746a2cc5de 浏览页面添加纠错反馈和回到顶部 7 年 前
c-sign-on_bg_img_nor.png 63d1a07dec 企业邀请员工注册科袖 7 年 前
c-sign-on_button_xuanze_hig.png 63d1a07dec 企业邀请员工注册科袖 7 年 前
c-sign-on_button_xuanze_nor.png 63d1a07dec 企业邀请员工注册科袖 7 年 前
c-sign-on_icon_1_hig.png 20e2b81022 科袖普通版的导航条和新版登录 7 年 前
c-sign-on_icon_2_hig.png 20e2b81022 科袖普通版的导航条和新版登录 7 年 前
c-sign-on_icon_2_nor.png 20e2b81022 科袖普通版的导航条和新版登录 7 年 前
c-sign-on_icon_3_hig.png 20e2b81022 科袖普通版的导航条和新版登录 7 年 前
c-sign-on_icon_3_nor.png 20e2b81022 科袖普通版的导航条和新版登录 7 年 前
c-sign-on_icon_logo_nor.png 99001a6699 更换网站logo,更换发现广告二维码 7 年 前
chat-btton-more.png 6fd3d1f17a 会话内容保留回车 7 年 前
checkApp.png d882c7d5d2 邀请好友页面 7 年 前
choiceIcon.png c5d9752792 --init 8 年 前
close_icon_12deeb0.png 8a409c7692 消息列表 7 年 前
cmp-logo.png 9530515600 员工列表提示信息 7 年 前
con_icon_info_warn.png 63d1a07dec 企业邀请员工注册科袖 7 年 前
contact.png c5d9752792 --init 8 年 前
default-artical.jpg ec47f01ca6 新版文章相关icon 7 年 前
default-icon.jpg b34a59fed2 浏览页面咨询改联系 7 年 前
default-icon1.jpg b34a59fed2 浏览页面咨询改联系 7 年 前
default-paper.jpg 721a51bfb3 专利论文默认图片 7 年 前
default-patent.jpg 721a51bfb3 专利论文默认图片 7 年 前
default-photo-up.png 8201e6fb83 修改完善文章列表和文章浏览 7 年 前
default-photo.jpg ec47f01ca6 新版文章相关icon 7 年 前
default-product.jpg b73ac29a1c 改版员工,修改企业主页、,修改文章发布、新增上传附件 6 年 前
default-q&a.jpg 3ef66cdee0 发现问答 6 年 前
default-resource.jpg ec47f01ca6 新版文章相关icon 7 年 前
default-service.jpg d3fb314e49 增加服务、改版企业工作台 6 年 前
dialogue.png ac3781b7a6 资源分享和专家分享完善以及身份认证标识完善 7 年 前
download_bg_erweima_nor.png cb11a19640 新版产品下载页面 7 年 前
download_bg_logo_nor.png cb11a19640 新版产品下载页面 7 年 前
download_bg_shouji_nor.png c14d05ee2f 下载页面图片替换 搜索页面加入搜企业 7 年 前
download_button_xiazai_nor.png cb11a19640 新版产品下载页面 7 年 前
download_icon_anzhuo_nor.png cb11a19640 新版产品下载页面 7 年 前
download_icon_pingguo_nor.png cb11a19640 新版产品下载页面 7 年 前
download_windows.png c5d9752792 --init 8 年 前
downselect.png c5d9752792 --init 8 年 前
ecordCard.jpg cb2fffe403 资源文章分享 7 年 前
enterprise_img_bg_nor@3x.png f99c067f7c 分享论文、专利、企业、个人 7 年 前
ep.png c5d9752792 --init 8 年 前
evastar.png c5d9752792 --init 8 年 前
favicon.png c5d9752792 --init 8 年 前
favoricon.png 0d2e13d8f6 【我的工作台】添加关注模块 7 年 前
fieldbg.jpg c5d9752792 --init 8 年 前
filetype.png c5d9752792 --init 8 年 前
find_img_xiazai_nor.png 8b3e9002c0 广告统一整理,右侧广告滚动效果 6 年 前
g-resource-mask.png 8201e6fb83 修改完善文章列表和文章浏览 7 年 前
g_all_icon_leaveword_hig.png c8fc90402e 完善留言样式 6 年 前
g_all_icon_leaveword_nor.png c8fc90402e 完善留言样式 6 年 前
g_all_icon_shoucang_hig.png 92bbf4fdb6 问答浏览详情 6 年 前
g_all_icon_shoucang_nor_1.png 92bbf4fdb6 问答浏览详情 6 年 前
g_all_icon_shoucang_nor_2.png 92bbf4fdb6 问答浏览详情 6 年 前
g_all_icon_weixin_hig.png 91aa6534ef 工作台,资源,文章相关 7 年 前
g_all_icon_weixin_nor_1.png 8201e6fb83 修改完善文章列表和文章浏览 7 年 前
g_all_icon_weixin_nor_2.png 91aa6534ef 工作台,资源,文章相关 7 年 前
g_all_icon_xinlang_hig.png 91aa6534ef 工作台,资源,文章相关 7 年 前
g_all_icon_xinlang_nor_1.png 8201e6fb83 修改完善文章列表和文章浏览 7 年 前
g_all_icon_xinlang_nor_2.png 91aa6534ef 工作台,资源,文章相关 7 年 前
g_article_bg_redu_nor.png eed2d7968b 相关图片icon 7 年 前
g_article_button_del_nor.png 807ab1da13 修改留言样式 6 年 前
g_article_button_dingbu_hig.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_button_dingbu_nor.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_button_guanbi_hig.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_button_huifu_nor.png 807ab1da13 修改留言样式 6 年 前
g_article_button_liuyan_hig.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_button_liuyan_nor.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_button_shanchu_hig.png 91aa6534ef 工作台,资源,文章相关 7 年 前
g_article_button_xiugai_hig.png 91aa6534ef 工作台,资源,文章相关 7 年 前
g_article_icon_caogao_hig.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_icon_caogao_nor.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_icon_dianzan_nor.png cc8b36e7f9 资源的相关文章和感兴趣的 7 年 前
g_article_icon_dingshi_hig.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_icon_dingshi_nor.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_icon_fabu_hig.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_icon_fabu_nor.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_icon_fanbu_nor.png 91aa6534ef 工作台,资源,文章相关 7 年 前
g_article_icon_fuwu_hig.png d3fb314e49 增加服务、改版企业工作台 6 年 前
g_article_icon_fuwu_nor.png d3fb314e49 增加服务、改版企业工作台 6 年 前
g_article_icon_gongzuotai_hig.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_gongzuotai_nor.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_jia_nor.png cc8b36e7f9 资源的相关文章和感兴趣的 7 年 前
g_article_icon_jiucuo_hig.png 746a2cc5de 浏览页面添加纠错反馈和回到顶部 7 年 前
g_article_icon_jiucuo_nor.png 746a2cc5de 浏览页面添加纠错反馈和回到顶部 7 年 前
g_article_icon_lunwen_hig.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_lunwen_nor.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_shanchu_hig.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_icon_shanchu_nor.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_icon_sousuo_nor.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_icon_team_hig.png 5a953505c2 团队功能 5 年 前
g_article_icon_team_nor.png 5a953505c2 团队功能 5 年 前
g_article_icon_wenzhang_hig.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_wenzhang_nor.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_xuqiu_hig.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_xuqiu_nor.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_yulan_hig.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_icon_yulan_nor.png ec47f01ca6 新版文章相关icon 7 年 前
g_article_icon_zhuanli_hig.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_zhuanli_nor.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_zixun_hig.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_zixun_nor.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_ziyuan_hig.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_article_icon_ziyuan_nor.png 44a7c6ff85 论文列表、导入论文、论文修改 7 年 前
g_resource_bg_tianjia_nor.png f64be2495a 资源发布、预览、浏览、工作台资源列表 7 年 前
g_resource_button_guanbi_2_nor.png 677b77e0d3 更换工作台菜单链接地址及菜单样式 7 年 前
g_resource_button_guanbi_nor.png eed2d7968b 相关图片icon 7 年 前
guideJump.png a479da7b02 微信引导浏览器打开 7 年 前
home_bg_guanzhu_nor.png 25e5f0b535 首页添加我是专家和发布需求入口,更换首页底部footer 7 年 前
home_bg_xiazaiapp_nor.png 25e5f0b535 首页添加我是专家和发布需求入口,更换首页底部footer 7 年 前
home_code_app.jpg 1a40ac67e7 转换模块居中方式,添加顶部导航栏 7 年 前
home_code_weixin.jpg 1a40ac67e7 转换模块居中方式,添加顶部导航栏 7 年 前
home_icon_beian.png 748acb2b86 添加企业入驻入口 7 年 前
home_icon_fabuxuqiu_nor.png 748acb2b86 添加企业入驻入口 7 年 前
home_icon_fangtan_nor.png b34a59fed2 浏览页面咨询改联系 7 年 前
home_icon_hezuoqiye_nor.png b34a59fed2 浏览页面咨询改联系 7 年 前
home_icon_hezuoqiye_nor2.png b34a59fed2 浏览页面咨询改联系 7 年 前
home_icon_logo_nor.png 99001a6699 更换网站logo,更换发现广告二维码 7 年 前
home_icon_logo_orange.png 99001a6699 更换网站logo,更换发现广告二维码 7 年 前
home_icon_qiyeruzhu_nor.png 748acb2b86 添加企业入驻入口 7 年 前
home_icon_remenlingyu_nor.png b34a59fed2 浏览页面咨询改联系 7 年 前
home_icon_remenzhuanjia_nor.png b34a59fed2 浏览页面咨询改联系 7 年 前
home_icon_woshizhuanjia_nor.png 748acb2b86 添加企业入驻入口 7 年 前
home_line_nor.png 25e5f0b535 首页添加我是专家和发布需求入口,更换首页底部footer 7 年 前
icon-reflash.png c5d9752792 --init 8 年 前
icon_2.png 3e2fe254bd 替换邀请函图片 7 年 前
icons.png c5d9752792 --init 8 年 前
index-icon.png 266343645c 个人菜单icon 7 年 前
info_warn.png c5d9752792 --init 8 年 前
likemore.png c5d9752792 --init 8 年 前
linkicon.png c5d9752792 --init 8 年 前
loading.gif c5d9752792 --init 8 年 前
logo.png c5d9752792 --init 8 年 前
logo180.png 52e59f2adf 科袖logo,资源分享 7 年 前
logo2.png c5d9752792 --init 8 年 前
logo3.png c5d9752792 --init 8 年 前
logo4.png 1057444e8b 新增邮箱邀请相关配图 7 年 前
nodata.png 5961a4e80a 新增注册时邮箱验证成功与失败的判断 7 年 前
p-bg.png c5d9752792 --init 8 年 前
personal_icon_dizhi_nor@3x.png f99c067f7c 分享论文、专利、企业、个人 7 年 前
personal_img_bg_nor@3x.png f99c067f7c 分享论文、专利、企业、个人 7 年 前
phoneIcon.png c5d9752792 --init 8 年 前
phoneIcon2.png c5d9752792 --init 8 年 前
pic1.jpg c5d9752792 --init 8 年 前
pointImg.jpg 1057444e8b 新增邮箱邀请相关配图 7 年 前
points_icon_ku_nor.png 0f650ad040 用户相关文章和合作专家 7 年 前
porfile_icon_qiye_hig.png b34a59fed2 浏览页面咨询改联系 7 年 前
porfile_icon_qiye_nor.png b07e10b33d 添加身份标识 7 年 前
porfile_icon_shimin_nor.png ac130de1a9 实名标志更换 7 年 前
porfile_icon_yuangong_hig.png b07e10b33d 添加身份标识 7 年 前
porfile_icon_yuangong_nor.png b07e10b33d 添加身份标识 7 年 前
porfile_icon_zhuanjia_nor.png b07e10b33d 添加身份标识 7 年 前
qa-icon-cai.png b244f9791b 用户页面 6 年 前
qa-icon-zan.png 28ecbe95ef 提取留言样式 6 年 前
redio.png c5d9752792 --init 8 年 前
share2.png c5d9752792 --init 8 年 前
share_bg_huanying_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
share_bg_huanying_x_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
share_bg_img_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
share_bg_lunwen_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
share_bg_zhuanli_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
share_bg_zhuce_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
share_bg_zhucechenggong_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
share_icon_chenggong_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
share_icon_fabu_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
share_icon_haoyou_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
share_icon_shibai_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
share_icon_zhuanjia_nor@3x.png 8e64be01bb 邀请论文专利作者和发明人 7 年 前
sign_bg_tishi_1_nor.png d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 7 年 前
sign_icon_chenggong_nor.png c12ddc5ef1 修改bug 7 年 前
sign_icon_gantan_nor.png 63d1a07dec 企业邀请员工注册科袖 7 年 前
sign_icon_guanbi_nor.png 63d1a07dec 企业邀请员工注册科袖 7 年 前
sign_icon_hr_nor.png d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 7 年 前
sign_icon_jishu_nor.png d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 7 年 前
sign_icon_keyan_nor.png d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 7 年 前
sign_icon_putong_nor.png d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 7 年 前
sign_icon_qiyegaoguan_nor.png d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 7 年 前
sign_icon_shibai_nor.png 20e2b81022 科袖普通版的导航条和新版登录 7 年 前
sign_icon_touzifang_nor.png d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 7 年 前
sign_icon_xiaoshou_nor.png d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 7 年 前
sign_icon_xuanze_hig.png d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 7 年 前
sign_icon_xuesheng_nor.png d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 7 年 前
sign_icon_zixun_nor.png d60cd98165 完善信息身份选择,特邀专家首次登录设置密码 7 年 前
take-photo.png c5d9752792 --init 8 年 前
thumb-up.png c5d9752792 --init 8 年 前
top_icon_shouji_nor.png 1a40ac67e7 转换模块居中方式,添加顶部导航栏 7 年 前
unredio.png c5d9752792 --init 8 年 前
up.png c5d9752792 --init 8 年 前
wechat_bg_img_nor@3x.png a2e775138b 新版邀请注册页面 7 年 前
wechat_bg_img_wenben_nor@3x.png a2e775138b 新版邀请注册页面 7 年 前
wechat_icon_logo_nor@3x.png a2e775138b 新版邀请注册页面 7 年 前
wechat_icon_mail_nor@3x.png 5e585f7cd0 微信公众号中添加加入科袖链接页面 7 年 前
wechat_icon_mima_nor@3x.png a2e775138b 新版邀请注册页面 7 年 前
wechat_icon_org_nor@3x.png 5e585f7cd0 微信公众号中添加加入科袖链接页面 7 年 前
wechat_icon_pro_nor@3x.png a2e775138b 新版邀请注册页面 7 年 前
wechat_icon_shouji_nor@3x.png a2e775138b 新版邀请注册页面 7 年 前
wechat_icon_xingming_nor@3x.png a2e775138b 新版邀请注册页面 7 年 前
wechat_icon_xuqiu_nor@3x.png a2e775138b 新版邀请注册页面 7 年 前
wechat_icon_yanzhengma_nor@3x.png a2e775138b 新版邀请注册页面 7 年 前
wechat_icon_yaoqing_nor@3x.png a2e775138b 新版邀请注册页面 7 年 前
weixin_code.jpg c5d9752792 --init 8 年 前
workclose.png c5d9752792 --init 8 年 前
wrapIcon.png 1685f71e81 文章详情、分享至微信及留言页面 7 年 前
zyadd.png c5d9752792 --init 8 年 前
portal-front - Gogs: Go Git Service

portal html css js resource

photo-set.html 12KB

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>头像上传-科袖网</title> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" media="screen" /> <link href="css/reset.css" rel="stylesheet" type="text/css" /> <link href="css/basic.css" rel="stylesheet" type="text/css" /> <link href="css/jquery.Jcrop.css" rel="stylesheet" type="text/css" /> <link type="text/css" href="css/login.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/webuploader/webuploader.css"> <script type="text/javascript" src="js/jquery-1.11.1.js"></script> <style type="text/css"> #header{ width:100%; height:50%; background:#E28D30; } #footer{ width:100%; height:50%; background:#E8E8E8;} </style> </head> <body> <div class="coverbox"> <div class="photo-box"> <div class="photo-title">头像设置</div> <div class="photo-set"> <div class="photo-upload"> <!--点击上传按钮--> <div class="load"> <!--<div class="upbtn" style="Margin:auto" ><span class="plus">+</span>本地上传<input type="file" class="filebtn" name="file" id="uploadInput" ></div> <p>只支持JPG、PNG,大小不超过5M</p>--> <div id="uploader"> <div id="fileList" class="uploader-list"></div> <div id="filePicker">选择图片</div> </div> <span class="resouimgmsg">建议尺寸340*340,大小在5M以内,JPG、PNG格式</span> </div> <!----> <!--选择图片尺寸--> <div class="wrap" id="jcropdiv"> <div class="wl"> <div class="jc-demo-box" data="0"> <div id="target" class="jcrop_w" > <img src="" id="headImage"> </div> </div> <!-- <div class="jy-up-ch" > <a id="idLeft" href="" class="bch bch1"></a> <a id="idSmall" href="" class="bch bch2"></a> <a id="idBig" href="" class="bch bch3"></a> <a id="idRight" href="" class="bch bch4"></a> </div> --> </div> </div> </div> <div class="photo-size"> <div class="wr" id="preview-pane"> <div class="preview-container"> <p style="margin:10px 20px;">头像预览</p> <div class="pre-1"> <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="largeImage"/> </div> <p style="font-size: 14px;">200px*200px</p> <div class="pre-2"> <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="middleImage"/> </div> <p style="font-size: 13px;">50px*50px</p> <div class="pre-3"> <img src="" class="jcrop-preview jcrop_preview_s" alt="" id="smallImage"/> </div> <p style="font-size: 12px;">26px*26px</p> </div> </div> </div> </div> <input id="x" type="hidden"/> <input id="y" type="hidden"/> <input id="w" type="hidden"/> <input id="h" type="hidden"/> <div style="overflow:hidden; margin:10px 0; font-size:14px;"> <input type="button" value="保存" class="inputtxt inputtxtbtn save" id="saveImage" > <input type="button" value="取消" class="inputtxt inputtxtbtn close" > <input type="button" value="返回" class="inputtxt inputtxtbtn " id="back"> </div> </div> </div> <div id="header"></div> <div id="footer"></div> <script type="text/javascript" src="js/webuploader/webuploader.js"></script> <script type="text/javascript" src="js/jquery.HeadP.js"> </script> <script type="text/javascript" src="js/jquery.Jcrop.js"> </script> <script type="text/javascript" src="js/basic.js"> </script> <script type="text/javascript" src="js/jquery.similar.msgbox.js"></script> <script type="text/javascript"src="js/jquery.cookie.js"></script> <script type="text/javascript" src="js/common.js"> </script> <script type="text/javascript"> $(function (){ //初始化截图框 var _Jw = ($("#target").width() - 200) / 2 , _Jh = ($("#target").height() - 200) / 2 , _Jw2 = _Jw + 200, _Jh2 = _Jh + 200; $('#target').Jcrop({ setSelect: [_Jw, _Jh, _Jw2, _Jh2], }); function target(){ var _Jw = ($("#target").width() - 201) / 2 , _Jh = ($("#target").height() - 201) / 2 , _Jw2 = _Jw + 201, _Jh2 = _Jh + 201; $('#target').Jcrop({ setSelect: [_Jw, _Jh, _Jw2, _Jh2], }); } $('#largeImage').attr("style",""); $('#middleImage').attr("style",""); $('#smallImage').attr("style",""); var headChange1 =GetQueryString("id"); if(headChange1!=""){ var id = headChange1; }else{ var id = $.cookie('userid'); } var cacheImageKey=null; var fileId = null; userhead(); //初始化头像 function userhead(){ $.ajax("/ajax/image/hasProImg",{ data:{"id":id}, type:"GET", async: false, dataType: 'json', success:function(data){ console.log(data); var $info = data.data || {}; if(data.success && data.data) { console.log($info); if($info == 1) { $("#smallImage").attr("src","/images/head/"+id+"_s.jpg"); $("#middleImage").attr("src","/images/head/"+id+"_m.jpg"); $("#largeImage").attr("src","/images/head/"+id+"_l.jpg"); } else { $("#smallImage").attr("src","/images/default-photo.jpg"); $("#middleImage").attr("src","/images/default-photo.jpg"); $("#largeImage").attr("src","/images/default-photo.jpg"); } } }, error:function(){ $.MsgBox.Alert('消息','服务器请求失败')}, } ); } if(id){ // 初始化Web Uploader var uploader = WebUploader.create({ // 选完文件后,是否自动上传。 auto: true, // 添加的文件数量 fileNumLimit: 1, // swf文件路径 swf: '../js/webuploader/Uploader.swf', // 文件接收服务端。 server: '../ajax/cachedFileUpload', // 选择文件的按钮。可选。 // 内部根据当前运行是创建,可能是input元素,也可能是flash. pick : { id : "#filePicker", multiple: false }, // 只允许选择图片文件。 accept: { title: 'Images', extensions: 'gif,jpg,jpeg,bmp,png', mimeTypes: 'image/gif,image/jpg,image/jpeg,image/bmp,image/png' } }); // 当有文件添加进来的时候 uploader.on( 'fileQueued', function( file ) { fileId = file.id; var $li = $( '<div id="' + file.id + '" class="file-item thumbnail">' + '<img>' + '</div>' ) $img = $li.find('img'); // $list为容器jQuery实例 var $list = $('#fileList'); $list.empty(""); // $list.append( $li ); // setTimeout(target,500); // 创建缩略图 // 如果为非图片文件,可以不用调用此方法。 // thumbnailWidth x thumbnailHeight 为 100 x 100 uploader.makeThumb( file, function( error, src ) { if ( error ) { $img.replaceWith('<span>不能预览</span>'); return; } }, 240, 240 ); //判断上传文件格式 /* var fileNameAll = file.name; var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"; var extName = fileNameAll.substring(fileNameAll.lastIndexOf(".")).toLowerCase();//(把路径中的所有字母全部转换为小写) if(AllImgExt.indexOf(extName+"|")==-1){ var ErrMsg="该文件类型不允许上传。请上传 "+AllImgExt+" 类型的文件,当前文件类型为"+extName; $.MsgBox.Alert('提示',ErrMsg); return false; } */ }); // 文件上传过程中创建进度条实时显示。 uploader.on( 'uploadProgress', function( file, percentage ) { var $li = $( '#'+file.id ), $percent = $li.find('.progress span'); // 避免重复创建 if ( !$percent.length ) { $percent = $('<p class="progress"><span></span></p>') .appendTo( $li ) .find('span'); } $percent.css( 'width', percentage * 100 + '%' ); }); // 文件上传成功,给item添加成功class, 用样式标记上传成功。 cacheImageKey=null; uploader.on( 'uploadSuccess', function(file,data) { console.log(data); $("#jcropdiv").show(); $(".load").hide(); uploader.removeFile(fileId); cacheImageKey =data.data[0].cacheKey; $("#headImage").attr("src","/images/tmp/"+cacheImageKey); $("#smallImage").attr("src","/images/tmp/"+cacheImageKey); $("#middleImage").attr("src","/images/tmp/"+cacheImageKey); $("#largeImage").attr("src","/images/tmp/"+cacheImageKey); $('#largeImage').attr("style",""); $('#middleImage').attr("style",""); $('#smallImage').attr("style",""); /* setInterval(function(){ cutImage($(".jcrop_w>img")) },1000); */ // cutImage($(".jcrop_w>img")) //window.clearInterval(cutImage($(".jcrop_w>img"))); }); } $('#headImage').load(function(){ cutImage($(".jcrop_w>img")); target(); }); //保存 $("#saveImage").on("click",function(){ // userhead(); if(cacheImageKey==null) { $.MsgBox.Alert("消息","请选择图片"); return; } var iw = $('.jcrop_w>img').width(),ih = $('.jcrop_w>img').height(),ow = (395 - iw) / 2,oh = (340 - ih) / 2; var x = parseInt(($("#x").val()-ow)/395*100); var y = parseInt(($("#y").val()-oh)/340*100); var w = parseInt($("#w").val()/(395-ow-ow)*100); var h = parseInt($("#h").val()/(340-oh-oh)*100); if(x<0 || y<0 || ((w+x)>100) || ((h+y)>100)){ $.MsgBox.Alert("消息","裁剪超出图片,请重新裁剪"); return; } if(cacheImageKey){ $.ajax({ url:"../ajax/image/head", type:"POST", data:{"id":id,"fn":cacheImageKey,"x":x,"y":y,"w":w,"h":h}, dataType:"json", success:function($data){ console.log($data); if($data.success){ location.reload(true); }else{ $.MsgBox.Alert("message",$data.msg); } } }); } }); //取消 $(".close").on("click",function(){ $(".load").show(); $("#jcropdiv").hide(); //$("#filePicker").show(); $("#headImage").attr("src",""); $("#smallImage").attr("src",""); $("#middleImage").attr("src",""); $("#largeImage").attr("src",""); $("#smallImage").attr("src","/images/head/"+id+"_s.jpg"); $("#middleImage").attr("src","/images/head/"+id+"_m.jpg"); $("#largeImage").attr("src","/images/head/"+id+"_l.jpg"); $('#target').Jcrop({ setSelect: [_Jw, _Jh, _Jw2, _Jh2], }); $('#largeImage').attr("style",""); $('#middleImage').attr("style",""); $('#smallImage').attr("style",""); $('#headImage').attr("style",""); }) //返回 $("#back").on("click",function(){ window.history.back(-1); }) }) </script> </body> </html>