Dcloud+mui 压缩上传图片到服务器

  • 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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/485258.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于IPP-FFT的线性调频Z(Chirp-Z,CZT)的C++类库封装并导出为dll(固定接口支持更新)

上一篇分析了三种不同导出C++类方法的优缺点,同时也讲了如何基于IPP库将FFT函数封装为C++类库,并导出为支持更新的dll库供他人调用。 在此基础上,结合前面的CZT的原理及代码实现,可以很容易将CZT变换也封装为C++类库并导出为dll,关于CZT的原理和实现,如有问题请参考: …

梦境交互:做个现代灵媒,考虑一下?

来源:脑极体睡眠几乎占据人生的三分之一时间,做梦又是睡眠中必不可少的生理活动。很多人常常把“无梦之眠”看作是一个人精神状态好的标志,但事实上做梦常常发生,只是很多人在醒来后完全忘记自己做过梦而已。研究表明,…

使用浏览器获取网页模板(HTML+CSS)

使用浏览器获取网页模板(HTMLCSS) 一、获取网页的源代码 进入网页,使用快捷键CtrlU查看网页源代码,也可以单击鼠标右键选择查看网页源代码获取。 网页源代码: 将网页源代码CtrlA全选,CtrlC复制 在网页编辑器中新建一个HTML文…

【剑指offer】面试题54:二叉搜索树的第k大节点(java)

给定一棵二叉搜索树,请找出其中第k大的节点。 示例 1: 输入: root [3,1,4,null,2], k 1 3 / \ 1 4 \ 2 输出: 4 示例 2: 输入: root [5,3,6,2,4,null,null,1], k 3 5 / \ 3 6 / \ 2 4 / 1 输出: 4 限制&…

基于MATLAB的Sobel边缘检测算法实现

图像边缘就是图像灰度值突变的地方,也就是图像在该部分的像素值变化速度非常之快,就比如在坐标轴上一条曲线有刚开始的平滑突然来个大转弯,在变化出的导数非常大。 Sobel算子主要用作边缘检测,它是一离散型差分算子,用…

JavaWeb——EL表达式

在JSP开发中,为了获取Servlet域对象中存储的数据,需要书写很多的Java代码,这样会使JSP页面看起来十分的混乱,难以维护,为此,在JSP2.0规范中提供了EL表达式。EL是Expression Language的缩写,它是…

一文读懂人工智能产业最新发展趋势

来源:世界物联网博览会作者:赛迪智库人工智能产业形势分析课题组当前,以新一代人工智能为代表的科技和产业革命正在孕育兴起。数字化、网络化、智能化的信息基础设施加速构建,以信息通信、生命、材料科学等交叉融合为特征的集成化…

python的变量命名及其使用

以下内容皆从书本自学 ,归纳。 1. 变量名只能包含字母、数字和下划线。变量名可以字母或下划线打头,但不能以数字打头,例如,可将变量命名为message_1,但不能将其命名为1_message。 2. 变量名不能包含空格,但…

【剑指offer】面试题55 - I. 二叉树的深度(java)

输入一棵二叉树的根节点,求该树的深度。从根节点到叶节点依次经过的节点(含根、叶节点)形成树的一条路径,最长路径的长度为树的深度。 例如: 给定二叉树 [3,9,20,null,null,15,7], 3 / \ 9 20 …

半导体的过去、现在和未来

文章来源:中科院半导体所01半导体是信息化的基础上个世纪半导体大规模集成电路、半导体激光器、以及各种半导体器件的发明,对现代信息技术革命起了至关重要的作用,引发了一场新的全球性产业革命。信息化是当今世界经济和社会发展的大趋势&…

计算机网络——奈氏准则(奈奎斯特定理)

奈奎斯特定理——奈氏准则(理想状态) 奈氏准则:在理想低通(没有噪声、带宽有限)的信道中,为了避免码间串扰,极限码元传输率为2WBaud。其中W是理想低通信道的带宽,单位为Hz。若用V表…

LUOGU P4016 负载平衡问题

题目描述 GG 公司有 nn 个沿铁路运输线环形排列的仓库,每个仓库存储的货物数量不等。如何用最少搬运量可以使 nn 个仓库的库存数量相同。搬运货物时,只能在相邻的仓库之间搬运。 输入输出格式 输入格式: 文件的第 11 行中有 11 个正整数 nn …

【剑指offer】面试题55 - II:平衡二叉树(Java)

输入一棵二叉树的根节点,判断该树是不是平衡二叉树。如果某二叉树中任意节点的左右子树的深度相差不超过1,那么它就是一棵平衡二叉树。 示例 1: 给定二叉树 [3,9,20,null,null,15,7] 3 / \ 9 20 / \ 15 7 返回 true 。 示例 2: 给定二…

计算机网络——CSMA/CD最小帧长相关题目

计算机网络——CSMA/CD最小帧长问题 本篇博客主要讲解有关CSMA/CD最小帧长求解相关例题,关于CSMA/CD详细详解请参考博客:CSMA/CD协议分析笔记 例题一、假定1km长的CSMA/CD网络的数据率为1Gbit/s。设信号在网络上的传输速率为200000km/s。求能够使用此协…

AI式剥削:数据标注人员日薪低至51块钱

来源:AI前线编译:核子可乐、钰莹最新论文指出,AI 行业正在残酷压榨刚刚兴起的全球零工经济体系。现代人工智能依赖各种算法处理规模达数百万的示例、图像或文本素材。但在此之前,首先需要由工作人员在图片数据集中手动标记出对象&…

SpringCloud03 Ribbon知识点、 Feign知识点、利用RestTemplate+Ribbon调用远程服务提供的资源、利用feign调用远程服务提供的资源、熔断...

1 远程服务资源的调用 1.1 古老的套路 在微服务出现之前,所有的远程服务资源必须通过RestTemplate或者HttpClient进行;但是这两者仅仅实现了远程服务资源的调用,并未提供负载均衡实现,所以程序员必须自己实现负载均衡功能&#xf…

【剑指offer】面试题56 - I:数组中数字出现的次数 I

一个整型数组 nums 里除两个数字之外,其他数字都出现了两次。请写程序找出这两个只出现一次的数字。要求时间复杂度是O(n),空间复杂度是O(1)。 示例 1: 输入:nums [4,1,4,6] 输出:[1,6] 或 [6,1] 示例 2:…

关于考研与工作(人生规划)的个人思考

迷茫——人生的常态 今年是大学的第四年,考研结束的这几天,也对自己能不能考上有了大概的掌握。说实话,当时为什么决定考研?一是,当时上一级的师哥师姐几乎很少有不考研直接找工作的,很难找到不考研的另外…

一个没有意义的宇宙我们很难想象

© Pixabay来源:利维坦利维坦按:按照人择理论,“被观测的宇宙环境,必须允许观测者的存在”,我们似乎有理由相信,宇宙之存在有赖于观测者,不过,这个观测者一定是我们人类吗&#…

SpringCloud(二) 服务注册与发现Eureka

1.eureka是干什么的? 上篇说了,微服务之间需要互相之间通信,那么通信就需要各种网络信息,我们可以通过使用硬编码的方式来进行通信,但是这种方式显然不合适,不可能说一个微服务的地址发生变动,那…