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

所属分类:输入-上传

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

相关插件-上传

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

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

jQuery移动端多图上传(带裁剪功能)

适应于手机端上传图片的功能,附带上传图片裁剪功能
  上传
 41293  355

jQuery h5拖拽多文件上传

可用input控件选择文件,也可以拖拽文件,可以一次上传多个文件,测试需要后台配合,支持失败重传,支持过滤文件类型,文件大小,及同一文件重复上传。
  上传
 90333  528

html5文件上传插件Pure HTML5 file upload

html5文件上传插件Pure HTML5 file upload
  上传
 82314  381

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

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