图片过大暂不支持编辑

4个回答默认排序

默认排序

按时间排序

仁义小红累不爱

已采纳

很多时候我们都会碰到小程序上传图片时因为图片过大而导致请求失败，同时出现各种各样的问题，那么今天来给大家写一个微信小程序上传图片过大导致请求失败的完美解决办法。以云开发小程序图片检测为例，如果图片过大就会出现以下报错：<'errCode': -404012, 'errMsg': 'allFunction:fail error while waiting for the result; at allFunction api;>图片过大，所以应该压缩图片官方给出了一个 pressImage接口用于压缩图片，该接口在开发工具和ios系统都表现良好，但是却在安卓机上几乎没有一点效果，所以这个方案被迫放弃了。于是在网上看到了另一种压缩思路，通过canvas绘制压缩图片，canvas在一般小程序中通常用于海报的生成，我们就是通过这种方式生成一张比原图要小的图片，这样就可以起到压缩效果了。创建一个canvas标签这个需要在wxml中创建，不然没有画布，就没办法进行绘图了，代码如下：

因为该canvas并不需要显示在页面上，所以我们把他写在了页面之外，其中cWidth和cHeight分别是画布的宽和高，因为图片的比例不一，所以这里采用动态数据，这样可以保证图片的等比例缩放。编写压缩图片函数下面的函数是在网上看到的一个版本，觉得挺好的，就直接放出来给大家学习一下，也可以直接调用。compressImg: function(e) {var that = this;log(e)ImageInfo({src: e,success: function(res) {//---------利用canvas压缩图片--------------var ratio = 2;var canvasWidth = width //图片原始长宽var canvasHeight = heightwhile (canvasWidth > 200 || canvasHeight > 200) { // 保证宽高在200以内canvasWidth = Munc(width / ratio)canvasHeight = Munc(height / ratio)ratio++;}setData({cWidth: canvasWidth,cHeight: canvasHeight})var ctx = ateCanvasContext('canvas')drawImage(path, 0, 0, canvasWidth, canvasHeight)draw(false, setTimeout(function() {anvasToTempFilePath({canvasId: 'canvas',destWidth: canvasWidth,destHeight: canvasHeight,quality: 3, // 压缩倍率success: function(res) {log(pFilePath) //压缩过后的最终图片路径},fail: function(res) {log(Msg)}})}, 100))},fail: function(res) {log(Msg)}})},通过该函数压缩后，图片大小将大大减小，还可以通过控制canvasWidth来改变压缩的比例，就是代码块中的200，还想更小就把200减小，大点，就增大。通过这样的方式可以把原本几M的文件，压缩到小于100K，这样在请求上传中，都不会在出现微信小程序上传图片过大导致请求失败的现象了。

335 评论 2小时前发布

张小电1301

117 评论 2小时前发布

永远的怀念!

回答你好亲有些图片太大是上传不了的，因为上传图片格式大小是有范围的，超过范围就会显示太大了。解决方法：调整图片大小。打开照片所在的文件夹，指针移到照片上，右击鼠标，在弹出菜单中选择‘打开方式’中的‘画图’在菜单栏中单击‘图象’，选择‘拉伸/扭曲’在横向和竖向的框中填入数值，照片大小会改变

184 评论 2小时前发布

天天有阳光

用软件把图片裁小一点，光影魔术手或者PS都行。

189 评论 6小时前发布

图片过大暂不支持编辑

4个回答 默认排序 默认排序 按时间排序

相关问答

论文问答

向你推荐

热门问题

最新内容

4个回答默认排序

默认排序

按时间排序