图片上传是许多网站的一个常用的功能，有时需要对上传的图片做初步的选择裁剪，比如上传头像。下面就是一个使用HTML5+jQuery实现的图片上传裁剪特效，可以对选择要上传的图片做缩小、放大、拖动和裁剪，由何问起调试改进，有需要的朋友可以参考一下。在文后附有源码下载。

体验效果：

效果图：

需要引用的css文件为style.css，需要引用的js文件为jquery文件，可以到选择合适的版本下载，还需引用cropbox.js文件，这些文件在源码里面都有。

代码如下:

     
      
     
     
     
  
      
    
       
    
       
        Loading...
       
  
      
  
      
     
       
         
                    上传图像            
            
       
    
           
           
         
      
  
      
     
    
     
      
适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。
      
来源：何问起 说明
     

源码下载：

更多特效：