• chooseImgFromAlbums选择图片
  • chooseImgFromPictures 拍照
  • changeToLocalUrl 转换成可用的路径
  • uploadpic.compressImg 压缩图片
  • uploadpic.avatar 上传图片到oss服务器
    /*** 上传图片*/function UPLOADPIC() {//上传图片this.avatar = function(compressurl) {bzpcommon.showLoading();//上传的参数var uploadoptions = {method: "post",timeout: 30,retry: 3,retryInterval: 10,};//创建上传任务var task = plus.uploader.createUpload(bzpapi.API("FILE_UPLOAD"), uploadoptions, function(t, status) {//关闭loadingbzpcommon.closeWaiting();// 上传完成if(status == 200) {var body = JSON.parse(t.responseText);if(body.retCode === "SUCCESS") {$.toast("上传头像成功");$(".bzp-avatar")[0].src = compressurl;//更新个人信息//                      get_customer_detail();} else if(body.retCode === "FAIL") {$.toast(body.info.message);} else {$.toast("上传头像失败");}} else {$.toast("上传头像失败");}console.log("----图片上传返回值---");console.log(JSON.stringify(t));});task.addFile(compressurl, {key: "file"});task.addData("token", bzpcommon.user.token());task.start();};//压缩this.compressImg = function(src) {var filename = src.substring(src.lastIndexOf('/') + 1);var opions = {src: src,dst: '_doc/' + filename,overwrite: true,width: '300px', //这里指定了宽度,同样可以修改format: 'jpg',quality: 90 //图片质量不再修改,以免失真};var _this = this;//show loadingbzpcommon.showLoading();var successCB = function(evt) {console.log(JSON.stringify(evt));//上传头像_this.avatar(evt.target);};var errorCB = function(err) {console.log(JSON.stringify(err));bzpcommon.closeWaiting();$.toast("图片压缩失败");};plus.zip.compressImage(opions, successCB, errorCB);};};var uploadpic = new UPLOADPIC();//转换为本地路径function changeToLocalUrl(path) {plus.io.resolveLocalFileSystemURL(path, function(entry) {STATE.uploadPic = entry.toLocalURL();$(".bzp-avatar")[0].src = STATE.uploadPic;console.log(STATE.uploadPic);uploadpic.compressImg(STATE.uploadPic);});}//选择图片function chooseImgFromAlbums() {plus.gallery.pick(function(file) {changeToLocalUrl(file);}, function(err) {console.log(JSON.stringify(err));$.toast("选择图片失败");}, {filter: 'image',multiple: false});}//拍照function chooseImgFromPictures() {plus.camera.getCamera().captureImage(function(file) {changeToLocalUrl(file);}, function(err) {console.log(JSON.stringify(err));$.toast("选择图片失败");}, {index: '1',});}

作者:我的昵称好听吗
链接:https://www.jianshu.com/p/0a3ffccb2f11
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://www.cnblogs.com/wangting888/p/9701323.html

Dcloud+mui 压缩上传图片到服务器相关推荐

  1. 关于小程序上传图片到服务器

    最近学习小程序编程,上传图片到服务器一直不成功,网上查了不少资料方知是少了服务器端的接收代码.现在把代码贴出来供大家参考: upanddown.wxml文件: <!--pages/upanddo ...

  2. 微信小程序上传图片至服务器Springboot接收格式的问题

    微信小程序上传图片至服务器Springboot 需求:通过微信小程序上传图片到服务器,保存至服务器. 实现 Wxml <button bindtap="choose"> ...

  3. 13、微信小程序:上传图片到服务器

    1.上传图片到服务器,有两个步骤: 1.1  拿到可上传的图片 wx.chooseImage 1.2  将图片上传到服务器  wx.uploadFile 2.代码实现 <button bindt ...

  4. 画世界上传图片提交到服务器_webuploader实现上传图片到服务器功能

    本文为大家分享了webuploader实现上传图片到服务器的具体代码,供大家参考,具体内容如下 效果图: 一.引入资源文件 1.1 引入webuploader.css文件 1.2 引入webuploa ...

  5. typora + iPic 方便的上传图片到服务器(for Mac)

    typora + iPic 方便的上传图片到服务器(for Mac) 经常写博客的朋友应该都需要频繁的在博客里插入图片, 然后上传到如 csdn,个人博客, 博客园等地方. 我们的常规操作就是先把图片 ...

  6. 微信小程序仿朋友圈上传图片到服务器,后端通过C#实现

    现在微信小程序拍照上传的需求越来越多了,绝大部分小程序项目都会用到,虽然技术上没什么难度,但对于初学者来说,也是件费时费力的事情,三年前我在写这些代码的时候也是花费好几天的时间,最近有点空闲时间,于是 ...

  7. android上传本地图片到服务器上,Android使用post方式上传图片到服务器的方法

    本文实例讲述了Android使用post方式上传图片到服务器的方法.分享给大家供大家参考,具体如下: /** * 上传文件到服务器类 * * @author tom */ public class U ...

  8. JavaWeb上传图片到服务器,存储到数据库,并在页面显示

    JavaWeb上传图片到服务器,存储到数据库,并在页面显示 Servlet @Overrideprotected void doPost(HttpServletRequest req, HttpSer ...

  9. 压缩文件拷到服务器损坏,压缩文件导致无法拷贝共享

    无法拷贝共享内容 最近,由于工作需要单位新进了一批员工,单位领导要求为这些新来的每一位员工创建好文件服务器访问账号,同时为他们合理分配好服务器空间.以前,是采用Windows Server 2003系 ...

最新文章

  1. node mysql 批量写入_请问如何使用node.js在MySQL中进行批量插入
  2. Visual Studio跨平台开发Xamarin
  3. Linux基础命令---lpr
  4. 20160331数据文件offline与open resetlogs2
  5. hdu 1516(编辑距离+记录路径)
  6. (pytorch-深度学习)双向循环神经网络
  7. 树莓派 4 与英伟达 Jetson Nano 性能大比拼,谁是最佳的嵌入式“电脑”?
  8. 离散数学蕴含等值式前件为假时命题为真的理解
  9. 黑马程序员 Python学习笔记 之 名片管理系统
  10. Format函数详解
  11. 颜色格式转换: 最简单的基于FFmpeg的libswscale的示例(YUV转RGB)
  12. Java实现 定义一个名为Rectangle的类表示矩形 求面积周长
  13. 67键键盘如何输出`和~符号(一百五十一)
  14. php批量遍历读取所有文件夹的名称
  15. win ce系统如何知道u盘正版授权_从零开始的电脑系统重装
  16. Ubuntu 13.04 解决 QQ 问题:pidgin-lwqq 亲测可用
  17. 爬虫代理怎么用 网络爬虫工具最好用的还是618ip
  18. 在校外使用校园网服务
  19. 云网络安全与数据中心安全
  20. 请大家帮我找一下问题

热门文章

  1. java长连接例子_java实现长连接
  2. unity怎么制作云飘动_Unity 如何制作星空粒子效果?
  3. MyBatis动态SQL_多表查询_延迟加载_缓存
  4. fastapi 请求文件 / 表单 / 处理错误 / 路径操作配置 / jsonable_encoder
  5. LeetCode 1816. 截断句子
  6. LeetCode 1153. 字符串转化(哈希)
  7. LeetCode 1453. 圆形靶内的最大飞镖数量(几何题)
  8. LeetCode 1376. 通知所有员工所需的时间(DFS)
  9. LeetCode 777. 在LR字符串中交换相邻字符(双指针)
  10. python os函数_python os模块主要函数