vue.js + axios.js图片压缩处理并上传到服务器

所属分类:输入-上传

 21023  198  查看评论 (2)
分享到微信朋友圈
X
vue.js + axios.js图片压缩处理并上传到服务器 ie兼容10

更新时间:2019-11-13 00:43:42

更新说明:将压缩图片处理封装成方法 compressedImage(params),增加压缩图片质量参数

调用图片压缩处理方法:

//调用图片压缩处理方法 
that.compressedImage({
    src: replaceSrc, //原图片base64路径    
    quality: 0.8, //压缩图片质量 范围0-1 ,默认1    
    success: function(src) { //成功后返回压缩的图片base64路径       
        console.log(src);
    }
});

更新时间:2019-11-11 09:43:30

注意:请替换index.html中152行url: "http://图片上传路径",为自己项目路径。

相关插件-上传

jQuery图片上传,带剪切功能

jQuery图片上传,适用移动端,带剪切功能,支持手势调节图片大小
  上传
 40134  337

jQuery多图压缩上传

前端对图片的压缩、可以选择多张、可以预览、还可以删除
  上传
 57164  409

pc端图片批量上传,可拖动图片交换位置

jQuery可批量上传图片 可以拖动交换位置 可删除
  上传
 63787  459

多图片上传预览(纯前端)

多图片上传预览,已测试ie 360 火狐 谷歌浏览器
  上传
 255460  585

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    . 0
    2020/5/7 11:54:09
    只能在vue项目中使用吗 回复
    拥友? 0
    2020/1/16 17:19:27
    php获取到的总是最后一张图片 , 请问是什么原因? 请各位大神指点一下 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复