js 对上传的图片的格式、尺寸的校验

最新推荐文章于 2024-02-21 18:50:30 发布

weixin_34417814

最新推荐文章于 2024-02-21 18:50:30 发布

阅读量649

点赞数

文章标签：前端 ViewUI

原文链接：https://my.oschina.net/wsxiao/blog/3034213

版权

校验上传图片的文件类型是否符合

export const checkImgType = (file: any) =>{
  let fileName = file.target.value.split('.');
  if(fileName[fileName.length-1] === 'png' ||
      fileName[fileName.length-1] === 'jpg' ||
      fileName[fileName.length-1] === 'jpeg' ||
      fileName[fileName.length-1] === 'bmp' ||
      fileName[fileName.length-1] === 'PNG' ||
      fileName[fileName.length-1] === 'JPG' ||
      fileName[fileName.length-1] === 'JPEG' ||
      fileName[fileName.length-1] === 'BMP'
  ){
    return true
  } else{
    swal({
      title:'请上传格式为png/jpeg/jpg/bmp的图片',
      type:'error',
      showConfirmButton: true
    });
    return false
  }
}

校验上传图片的尺寸

export const checkImgSize = (file: any, sizeType:string, sizeKB:number ) =>{
    console.log('size:',file.target.files[0].size)
    console.log('yaoqiu:',sizeKB)
    var imgSize = file.target.files[0].size;
    var maxSize;
    if(sizeType === 'K'){
        maxSize = maxSize * 1024
    } else if(sizeType === 'M'){
        maxSize = maxSize * 1024 * 1024
    }
}

转载于:https://my.oschina.net/wsxiao/blog/3034213