php+html5兼容手机端的图片选取裁剪上传实例

网上大多图片上传插件都不带裁剪功能，这个是php+html5实现的兼容手机端的图片选取裁剪上传实例，分享出来希望能帮到大家。

首先放置一个上传按钮及相关预览信息等

  
     
     
     
     
     
     
   
 
    注意：上传前，先截图 
   
  
   
  
      
    
  
     
  
      
文件大小 
  
      
类型 
  
      
图像尺寸 
  
      
宽度 
  
      
高度 
  
     
  
    
  
      
   
  

-
接着引用js和css样式

-
接着看下表单的检查

function checkForm() { 
    if (parseInt($('#w').val())) //若是没有截屏 
        return true; 
    $('.error').html('请先选择图片，并且截图').show(); 
    return false; 
}

-
上传文件条件设置

var rFilter = /^(image\/jpeg|image\/png|image\/jpg)$/i; 
if (!rFilter.test(oFile.type)) { 
    $('.error').html('请选择jpg、jpeg或png格式的图片').show(); 
    return; 
} 

// check for file size 
if (oFile.size > 1000 * 1024) { 
    $('.error').html('请上传小于1M的图片').show(); 
    return; 
}

-
本文转自：https://www.sucaihuo.com/php/71.html 转载请注明出处！