由于最近一段时间比较忙,发现好久没写博客了,给大家分享下最近搞的logo上传截取功能。在实现这个功能之前找了一些jq的插件,最后选定了cropper在github中可以找到。 具体的思路是1:选择上传的图片,在change事件中用form.jquery.js中的formajax异步提交表单,保存 ...
使用SWFUpload组件实现无刷新上传,配合JQuery UI实现头像截取 SWFUpload配置与使用 . 引入脚本文件 lt script src SWFUpload swfupload.js type text javascript gt lt script gt script lt script src SWFUpload handlers.js type text javascript ...
2013-09-17 17:56 1 3409 推荐指数:
由于最近一段时间比较忙,发现好久没写博客了,给大家分享下最近搞的logo上传截取功能。在实现这个功能之前找了一些jq的插件,最后选定了cropper在github中可以找到。 具体的思路是1:选择上传的图片,在change事件中用form.jquery.js中的formajax异步提交表单,保存 ...
由于最近一段时间比较忙,发现好久没写博客了,给大家分享下最近搞的logo上传截取功能。在实现这个功能之前找了一些jq的插件,最后选定了cropper在github中可以找到。 具体的思路是1:选择上传的图片,在change事件中用 ...
实战所需js包: jQuery、Jcrop、EXIF 本次实战功能是在 app 中的 我的客户 的客户信息页面中实现移动端web的头像上传,本次没有实现图像拖拽、缩放的触摸事件功能(Jcrop在这方面的扩展支持实在不够良好,弄了半天没弄出来),若后续有更好的移动端 ...
默认api的接口返回的avatar字段,是原始图片大小字段,尺寸和空间都是原始大小,如果想节省流量或统一尺寸,可以用阿里cdn自带的尺寸截取功能, 比如钉钉头像 avatar字段 返回值为原始大小https://static.dingtalk.com/media ...
很多SNS网站,可以上传头像,微博也是一样,上传的头像经自由裁剪合适后,自动生成多种不同尺寸高质量清晰的,如大中小。 效果如下:(下载链接在最下面) 实现: 页面代码: <p class="phototxt">选择你要上传的头像</p> ...
因为项目中需要用到头像上传的功能,所以就下个Ddmo先来实现下。 demo我是类似仿微信的,在一个GridView中展示所有的图片,其中第一个item可以去照相;获取到图片后再进行剪切。 图片的剪切是从网上找的感觉不错就用,暂时也没有测试。 获取图片可以用:https ...
Click me ...