美文网首页
使用filereader实现图片分辨率校验

使用filereader实现图片分辨率校验

作者: 大小姐_ | 来源:发表于2018-09-22 23:15 被阅读0次

    之前有遇到一个需求,就是用户上传图片,前端需要在上传之前对图片进行分辨率的校验,可以使用html5新增的filereader对象轻轻松松实现这个需求,

    var file = fileObj;//通过input或者别的方式拿到的上传的文件对象
    let filereader = new FileReader();
     let imgObj = new Image();
     filereader.readAsDataURL(file);
    filereader.onload = (e)=>{
         console.log(e)     
         sourceImg.src = e.target.result;
    }
    imgObj.onload = (e)=>{
      console.log(imgObj.width,imgObj.height);
    }
    
    

    相关文章

      网友评论

          本文标题:使用filereader实现图片分辨率校验

          本文链接:https://www.haomeiwen.com/subject/nxxfoftx.html