（本文原创，引用请注明出处--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来替代 ...

难看了。 上传的头像需要进行质量压缩跟大小裁剪，以减缓浏览器的压力。 成果预览： 使 ...

都烂了。 这次更新一个小内容，是两个插件的组合使用，实现头像上传功能。 业务需求： ...