js/jquery校验图片格式,宽高,大小

Question

js/jquery校验上传图片后缀为gif|png|jpeg|jpg格式的图片，尺寸为512*512 校验，大小限制为300k的文件

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

function validateImage() {
  var img = document.getElementById('uploadImg');
  var file = img.files[0];
  if (file) {
    var type = file.type;
    var size = file.size;
    var ext = type.split('/')[type.split('/').length - 1];
    //判断是否是图片
    if (!/^image\/(png|jpe?g|gif)$/.test(ext)) return false;
    //判断大小是否符合要求
    if (size > 300 * 1024) return false;
    //如果都通过则返回true
    return true;
  }
}

<input type="file" id="uploadImg" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $('#uploadImg').change(validateImage);
});
</script>