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

所属分类:输入-上传

 22452  199  查看评论 (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淘宝上传商品图片代码,批量上传插件,(不兼容IE6,7,8)
  上传
 67883  375

html5 头像上传更换插件

html5 头像上传、更换、剪切插件
  上传
 175847  1331

基于amazeui头像上传

基于amazeui框架,设计的头像上传插件
  上传
 72403  489

基于HTML5的jquery文件上传插件

这个插件是照着uploadify的api文档写的
  上传
 293667  624

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

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