vue中使用canvas压缩图片上传

vue中使用canvas压缩图片上传

直接上代码,以备后查或者ctrl+c ,嘿嘿
有疑问可留言

压缩原理

  • 使用canvas压缩图片,涉及到一些对象的转换,比如file对象转换成dataUrl
  • blob 对象转换成file对象
  • 使用axios实现上传

其中的一些方法复制即用,无需修改

全部代码如下





    
    
    阿凡提汽配汽修平台
    
    
    
    
    
    
    
    




    

测试

上传 hehe

你可能感兴趣的:(vue中使用canvas压缩图片上传)