（本文原創，引用請注明出處--zhangjieatbky） 環境准備 准備jquery、jcrop的js和css（官網獲取）、jquery的文件上傳下載組件 html代碼 ...

在做頭像上傳的時候，瀏覽器默認是無法取得本地圖片的，當然 HTML5 是可以的。不過IE6-8怎么破？目前比較通用的方案都是 flash 解決。 說道頭像預覽和裁剪，我最熟悉的就是 Discuz 的那個了，非常方便好用。不僅可以選擇本地圖片，還能直接調用攝像頭拍攝，當然前提是你必須有個攝像頭 ...

php文件上傳原理是通過form表單的enctype="multipart/form-data"屬性將文件臨時放到wamp文件夾中的tmp目錄下，再通過后台php 程序將文件保存在體統中。 html代碼： <form action="shangchuan.php" method ...

上一節隨筆中，我們已經知道了關於jQuery插件ImgAreaSelect基本的知識；那么現在看一下實例： 首先，要知道我們應該實現什么功能？ （1）圖片能夠實現上傳預覽功能 （2）拖拽裁剪圖片，使其能夠顯示裁剪后的區域 （3）顯示要裁剪區域的坐標 其次，該如何引用該插件 ...

使用uploadify插件可方便實現圖片上傳功能。兼容ie6、ie7。 上傳成功之后使用插件的回調函數讀取json數據，根據url實現圖片預覽。 效果圖： 點擊瀏覽文件上傳圖片，圖片依次在右側顯示預覽效果。 實現： json數據格式如下： 頁面代碼如下： 注：需要 ...

效果 頁面結構 JS代碼 需要注意的是如果使用jQuery 1.9及以上版本移除了$.browser可以使用$.support來替代 ...

難看了。 上傳的頭像需要進行質量壓縮跟大小裁剪，以減緩瀏覽器的壓力。 成果預覽： 使 ...

都爛了。 這次更新一個小內容，是兩個插件的組合使用，實現頭像上傳功能。 業務需求： ...