小程序上传服务器图片压缩,微信小程序压缩图片并上传到服务器（拿去即用）...

/**压缩图片*/compressionImage(tempFilePaths, params) {

let that= thiswx.getImageInfo({

src: tempFilePaths[0],

success:function(res) {var ctx = wx.createCanvasContext('photo_canvas');//设置canvas尺寸

var towidth = 500; //按宽度500px的比例压缩

var toheight = Math.trunc(500 * res.height /res.width);

that.setData({

canvas_h: toheight

})

ctx.drawImage(tempFilePaths[0], 0, 0, res.width, res.height, 0, 0, towidth, toheight)

that.createMap(ctx, params);

}

})

},/**创建画布并上传图片*/createMap(ctx, params) {

let that= this;

ctx.draw(true, function() {

wx.showLoading({

title:'压缩中',

})

setTimeout(()=>{

wx.canvasToTempFilePath({

canvasId:'photo_canvas',

fileType:"jpg",

success:function(res) {

wx.hideLoading();

wx.uploadFile({

url: app.globalData.baseUrl+ '/wechat/want/addWant',

filePath: res.tempFilePath,

name:'file',

formData: {'parameters': JSON.stringify(params)

success:function(res) {

console.log("state:" +JSON.parse(res.data).state)if (JSON.parse(res.data).state === 1) {

wx.showToast({

title:'发布成功',

duration:2000,

icon:"none",

success() {

setTimeout(function() {

wx.navigateBack({

delta:1,

})

},1000);

}

})

}

fail(res) {

console.log("fail" +res)

}

})

fail(res) {if (res.errMsg === "canvasToTempFilePath:fail:create bitmap failed") {

console.log("导出map失败")

}

},this)

},200);

})

小程序上传服务器图片压缩,微信小程序压缩图片并上传到服务器（拿去即用）...相关推荐

录音、上传、播放音频微信小程序实践
文章目录录音.上传.播放音频微信小程序实践实践分析依赖接口录音上传播放 Page 事件参考录音.上传.播放音频微信小程序实践最近上线了一款智能外呼机器人产品,需要开发一款录音.上传. ...
小程序源码：强大的多功能图片处理器微信小程序源码下载图片画框合成-多玩法安装简单
大家好这是以开以图片为主题的一款小程序里面拥有了多种的图片处理功能,也算是比较强大的一款另外小编最喜欢的就是里面的图片画框合成这个功能该功能里面有N种画框模板,然后画框的尺寸根据您的图片自适应处 ...
图片拼图微信小程序源码_支持多模板制作和流量主
介绍: 该款小程序支持多种流量主: 另外支持多种图形模板制作切割: 另外也支持长图合成等功能: 安装简单,新手容易上手,具体就不多说了大家自行研究吧!!!! 图片拼图微信小程序源码_支持多模板制作和流 ...
图片拼图微信小程序源码下载支持多模板制作和流量主
该款小程序支持多种流量主另外支持多种图形模板制作切割另外也支持长图合成等功能安装简单,新手容易上手,具体就不多说了大家自行研究吧! 好了下面来看看小编的测试演示图! 小程序下载地址:(10条消息 ...
小程序源码：图片拼图微信小程序源码下载
该款小程序支持多种流量主另外支持多种图形模板制作切割另外也支持长图合成等功能安装简单,新手容易上手,具体就不多说了大家自行研究吧! 小程序源码下载地址: 小程序源码:图片拼图微信小程序源码下载- ...
小程序源码：图片拼图微信小程序源码-多玩法安装简单
该款小程序支持多种流量主另外支持多种图形模板制作切割另外也支持长图合成等功能安装简单,新手容易上手,具体就不多说了大家自行研究吧! 小程序源码下载地址: 小程序源码:图片拼图微信小程序源码-多玩 ...
微信小程序服务器支付sdk,微信小程序之支付后如何调用SDK的异步通知
微信小程序之支付后如何调用SDK的异步通知发布时间:2021-07-05 10:47:33 来源:亿速云阅读:57 作者:小新这篇文章主要介绍微信小程序之支付后如何调用SDK的异步通知,文中介绍 ...
微信小程序开发教程第八章：微信小程序分组开发与左滑功能实现
接着上面微信小程序开发教程第八章:微信小程序分组开发与左滑功能实现.(第一二章:微信小程序开发教程,第三四章:微信小程序项目结构以及配置&微信小程序首页面开发,第五章:微信小程序名片夹详情页开 ...
微信小程序的一些基本知识，微信小程序开发
什么是**微信小程序** 微信小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下即可打开应用.也体现了"用完即走"的 ...
微信小程序网络请求异常怎么办_微信小程序打开提示“网络异常，请检查网络状态”的解决方法...
症状:打开微信小程序的时候,提示"网络异常,请检查网络状态",无法加载数据. 问题客户端:安卓手机经过测试:IOS和微信桌面版,均正常. 唯独安卓手机不行,如下图所示,这个问题不 ...

小程序上传服务器图片压缩,微信小程序压缩图片并上传到服务器（拿去即用）...

小程序上传服务器图片压缩,微信小程序压缩图片并上传到服务器（拿去即用）...相关推荐

最新文章

热门文章