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

所属分类:输入-上传

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

相关插件-上传

兼容所有浏览器的多图上传预览(原创)

兼容所有浏览器的多图上传预览兼容IE 789.在一个界面上展示到固定标签业务场景:答题添加图片匹配题目一个选项一个题目
  上传
 77350  575

zyupload图片上传修改版

在原zyupload基础上增加了放大,删除,目录选择功能 。上传的图片可以轮播查看, 上传图片有拖拽图片和文件功能
  上传
 60013  382

webuploader 上传插件(根据官方做了小改)

webuploader上传插件,上图之前图片可编辑、可随意排版上传图片顺序
  上传
 69194  474

基于webuploader多图片上传插件diyUpload.js

多张图片上传 base64格式 移动端可支持,代码中有详细注释。
  上传
 87481  571

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

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