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

所属分类:输入-上传

 23494  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://图片上传路径",为自己项目路径。

相关插件-上传

h5拖拽文件图片上传插件

支持拖拽上传,拖拽排序,图片压缩的简单上传插件
  上传
 76409  496

jQuery图片上传展示插件imgFileupload.js

jQuery图片上传展示,支持多图上传,限制图片上传个数
  上传
 118152  507

jquery头像上传剪裁插件cropper

cropper是一款使用简单且功能强大的图片剪裁jQuery插件
  上传
 121945  750

jQuery多图上传插件imgUp.js

可以多图的上传,预览,并带删除功能
  上传
 130464  964

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

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