由於最近一段時間比較忙,發現好久沒寫博客了,給大家分享下最近搞的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 ...