微信小程序真机调试上传图片是会断开调试

问题描述

我首先用手机拍照,然后用canvas打上水印,将保存后的图片链接保存在一个数组。打开真机调试,图片数组forEach循环,在循环中转成base64然后上传。发现有时候,能全部上传成功,有时候一个都不成功然后断开调试

代码片段

function postTask(){
                  if (uploaded === len) {
                    param.mrUrl = imgPath.join(';')
                    common.postRequest(url, param, ()=>{},
                      addsuccess, that.onFailed);
                  }
                }
                let failImg = 0
                imgList.forEach((e, i) => {
                  if (i === 0) {
                    wx.showLoading({
                      title: '正在上传',
                    })
                  }
                  // console.log(1)
                  wx.getFileSystemManager().readFile({
                    filePath: e,
                    encoding: 'base64',
                    success(res) {
                      // console.log(2)
                      let stream = res.data
                      // console.log(stream.length)
                      let param2 = {}
                      param2.stream = stream
                      param2.fileName = e.slice(11)
                      param2.type = 3
                      common.postRequest(postImgUrl, param2, () => {}, (res) => {
                        // wx.hideLoading();
                        if (res.StatusCode === 0) {
                          uploaded++
                          imgPath.push(res.Data)
                          // console.log(imgPath)
                          // 所有图片上传完成后,开始上传任务数据
                          postTask()
                        } else {
                          uploaded++
                          wx.showToast({
                            title: '图片上传失败',
                          })
                          // 所有图片上传完成后,开始上传任务数据
                          postTask()
                          console.log(res.Msg)
                        }
                      }, () => {
                        uploaded++
                        // 所有图片上传完成后,开始上传任务数据
                        postTask()
                      });
                    },
                    fail(err){
                      failImg++
                      console.log(failImg+'张图片上传失败')
                    }
                  })
                })
0

1个回答

这是因为服务器的问题,希望对你有帮助

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信小程序真机调试 上传图片 特别缓慢
我的qq 2038373094 我做的是微信小程序、网站、手机app,后端java+前端vue、bootstrap框架、原生的html+css+js都会 做过律师在线咨询系统、共享农场手机app、在线心理咨询系统 解决方案 如果在电脑上可以上传图片但是在真机调试的情况下上传图片异常卡顿,但是控制台没有报错的前提下,是手机网速信号不好导致的! ...
微信小程序之----上传图片
微信小程序上传图片用到的api wx.chooseImage(OBJECT) wx.previewImage(OBJECT) wx.uploadFile(OBJECT) 这几个基本的api的使用方法可以去看微信小程序的官方文档------------ 官方文档-------这里就不重复赘述了 在此谈几点开发中会遇到的问题: 1.wx.chooseImage(OBJECT) coun
微信小程序 上传图片
微信小程序 上传图片 upload:function(){ var that = this //选择上传图片 wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], su...
微信小程序 上传图片,人脸识别
今天我们来说一下人脸识别怎么实现,首先你要有一个可以就行人脸识别的服务器,阿里云百度云都可以,这里推荐使用百度云,因为百度云人脸识别的API接口全面升级到V3版本,并进行开放测试,意思就是说现在是免费的   ^_^。...
微信小程序断电调试
1 要选中调试器 让它显示 2 选中Sources 3 找到想要断电的文件 使用后面带 sm的 [sm]文件,其实就是你的源代码文件,它跟你编译器里写的代码是一模一样的. .js文件其实是已经给你编译过后的文件 4 选中想要断电的地方 单击鼠标左键即可 5运行(ctrl + b 这是快捷键) 6 运行之后就是简单的点击了. 点到的时候模...
微信小程序码的调试
生成的微信小程序码如何调试 微信小程序码通过后台生成,一般生成的小程序码都是发布后才能生成,开发过程中如何调试呢?其实微信开发者工具已经提供了相关功能,点击上方的编译模式,选择“通过二维码编译”,选择生成的小程序码就可以了,然后如果是带参数的小程序码,参数要通过decodeURIComponent方法对scene值进行解析,然后截取字符串就可以了。 ...
【微信小程序】在手机上查看调试微信小程序
在上篇“注册一个微信小程序”虽然没有申请认证,但还是可以拿到小程序ID和小程序密钥的。有了小程序ID和小程序密钥的,我们就可以在手机上查看调试微信小程序了。 创建项目 要填写注册时拿到小程序ID 第二次创建项目,发现项目目录下不会以项目名称自动创建同名的目录,这一点很不好。 创建成功后,点击左侧的项目,右侧会发现,在“开发者工具下载安装及创建项目功能预...
微信小程序-Live会聊(开源微信小程序)
chatroom Live会聊(开源微信小程序) 系统需求: win10 Bash或Windows环境,巴克云团队日常使用win10 bash环境进行开发 对应环境下依赖:node.js 7.1以上版本 在Bash环境下: 使用.sh脚本;在windows环境下,使用对应文件名的.bat脚本 注册,并获取appID, UID和Token: 打开http://www.tinyappcloud.com/ ,进入小应用云官网 点击按钮,进入账号注册页面 填入必要信息,注册账号 登录后点击左边菜单栏的 "添加新应用",输入自定义的应用名称,就可创建一个小应用,得到"应用ID、应用UID和应用Token" 应用ID即AppID, 需填入app.json中。 应用UID和Token用于发布后端代码,Token有效期为3天,使用旧Token或过期Token会导致代码发布失败;可以随时点击Token框后的"更新"按钮,来生成一个新Token,生成后旧Token即失效 步骤 clone chatroom代码 修改source/packages/app.json, 填入获取的appid 修改p
微信小程序-微信小程序分享会的学习Demo
微信小程序学习 Demo 1.项目目录结构 Wechat-APP/ ├─app.js ├─app.json ├─app.wxss ├─component/ │ └─login-pannel/ │ ├─login-pannel.js │ ├─login-pannel.wxml │ └─login-pannel.wxss ├─image/ ├─pages/ │ ├─index/ │ ├─merchant-detail/ │ └─merchant-list/ └─utils/ 2.开发自定义组件 开发自定义组件可以参考这篇:写一个微信小程序自定义公共组件 组件化开发小程序可以参考:小程序组件化开发框架
微信小程序wx.upload上传图片后台java
前台代码: bindPhoto(e) { var that = this; wx.chooseImage({ count: 1, sizeType: ['original','compressed'], // 指定原图或者压缩图 sourceType: ['album', 'camera'], // 指定图片来源 success: function (res)
test
s
[微信小程序]上传图片到阿里云OSS
[微信小程序]上传图片到阿里云OSS@Author GQ 2017年07月30日 我的方法需要借助客服功能来实现,虽然繁琐,但是目的达成了~1.将小程序选择的照片上传至微信临时服务器并返回图片url;(需要开通客服功能) 2.将url返回给自己的后台,后台通过url获取流再上传至阿里OSS;这里实现第二步: 关于如何开通客服功能的消息的配置可以看我的上一篇博客点我查看上传图片到微信临时服务器
(干货)微信小程序之上传图片和图片预览
这几天一直负责做微信小程序这一块,也可以说是边做边学习吧,把自己做的微信小程序的一些功能分享出来,与大家探讨一下,相互学习相互进步。先看下效果图只写了一下效果样式的话希望大家不要太在意,下面马路杀手要开车了。1.wxml排版和布局  这个排版非常简单就是一个按钮button加个图片image标签而已,这个相信有点基础的人都能理解,直接放代码:<view class="container"&g...
微信小程序学习之路(一)- 上传图片
changeUpdata(ev){ console.log(ev); let types = ev.currentTarget.dataset.type;//主图1,详情图2 let that = this; wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compresse...
BMOB获取上传图片的URL(微信小程序)
一.问题 最近着手开发小程序发现,7月份BMOB更新开发文档后,上传图片所返回的file数据内容不再是Array形式: uploadImg: function () { var that = this; wx.chooseImage({ count: 1, sizeType: ['compressed'], sourceType: ['a...
微信小程序/网站 上传图片到腾讯云COS
COS简介: 腾讯云提供的一种对象存储服务,供开发者存储海量文件的分布式存储服务。可以将自己开发的应用的存储部分全部接入COS的存储桶中,有效减少应用服务器的带宽消耗等。个人也可以通过腾讯云账号免费使用COS6个月,https://cloud.tencent.com/product/cos整体流程简介: 1. 前端引入cos的SDK文件2. 监听上传控件,并在图片加载至网页临时流中发起签名请求3....
微信小程序-上传图片转base64
最近业务需要:将图片转为base64格式。 so~~~;百度n多资料最后写成,还是有一点小bug就是生成的图片不太清晰; 文章最后还有代码的下载地址 参考资料:https://github.com/zh8637688/wx-cardscanner 微信小程序文档-wx.canvasGetImageData 代码奉上: wxml <!-- wxml --> <butt...
微信小程序之上传图片到Java Web服务器
微信小程序之上传图片到Java Web服务器 目录 1.背景 2.微信小程序部署界面 3. Java Web后台实现 4. 微信小程序&Java Web后台建立连接 5. 运行思路整理 1.背景 话说课设来了,还是在期末。嗯嗯嗯额~这就很难受,还好最后顺利完成任务,并对微信小程序上传图片到web服务器有点理解。综上:此篇博客诞生了
微信小程序java上传图片_servlet
有助于写微信小程序的小伙伴们 进行前端与后端的交互的代码。
微信小程序开发工具调试没问题,真机调试Provisional headers are shown
在开发工具调试,请求正常没问题,使用真机调试,请求异常:Provisional headers are shown 找了很多原因,多数说是后台配置问题,但是如果是这样,开发工具不是也该一样问题? 后面发现在开发调试工具中,我将 项目设置中的 选项“不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书”勾选中了,去掉勾选后,请求时开发工具报错: 然后根据提示走下...
微信小程序开发系列教程三:微信小程序的调试方法
微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 这个教程的前两篇文章,介绍了如何用下图所示的微信开发者工具自动生成一个Hello World的微信小程序,并讲解了这个自动生成的微信小程序的视图开发原理。 这个系列的下一步,会继续介绍这个微信小程序的控制器index.js的实现。在上一篇微信小程序视图源代码的...
什么是微信小程序
课程针对零基础的同学,课程从下载安装介绍起,系统介绍了小程序应用的基本问题。该课程通过组件介绍了事件、数组等知识。通过学习该课程能够掌握小程序开发的基本方法,从帐号申请工具安装到api讲解,本课程如下:rn1》小程序申请和环境搭建rn2》wxml、wxss、js、json配置rn3》全局局部配置rn4》模块化组件使用rn5》项目
微信小程序 真机调试出现打开调试有数据,关闭调试没有数据
最近在开发当中遇到了一个问题,上传体验版之后用手机打开没有数据,打开调试之后才会有数据。 出现这种问题的主要原因就是后台的域名没有配置,在微信公众平台设置-->开发设置下面有一个服务器域名, 把这个配置好了之后就可以了。 但是要注意一个问题,配置好域名之后还是不可以的话,需要重新建一个项目,把这个项目导进去才可以,还有就是可能会有时间延迟,需要等待几分钟。 想要获得更多资料的  ...
微信小程序 真机调试出现打开调试有数据,关闭调试没有数据
       本来是小程序上架成功的好日子,结果使用小程序一会后就懵逼了,我擦,说好的数据呢,怎么没有了,不是开发的时候调试都好好的吗?为什么现在有的接口能够展示数据调取成功;而有的接口却不能修改数据,调取失败呢?       于是就各种百度各种查,在排除https证书的情况后,也确认了一边各种appid,secret参数的准确性后,苦恼了很久,后来突然想到小程序前端在关闭调试模式的情况下ope...
什么是微信小程序什么是小程序微信小程序有什么优势
摘要:小程序是一种不需要下载即可使用的应用。微信小程序是依托于微信开发的小程序应用,可以快速实现各种功能。电商小程序是微信小程序中运用最广泛的领域,可在微信群、朋友圈、线下等场景中实现电子商务功能。 什么是微信小程序 小程序是一种不需要下载即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一搜即可打开应用,也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题,应用无处不在,随...
微信小程序-微信小程序上传图片组件源码及demo
小程序上传图片示例组件 这是一个上传图片示例组件,目的在于展示如何在小程序中编写组件,请不要一点代码都不改直接拿来用于生产环境哦。 组件的关键设计思路,请看这篇文章 使用方法和注意事项 因为本组件有大量 ES6 语法,请先勾选小程序开发工具中的“开启 ES6 转 ES5 ”选项 先在页面的 wxml 文件中引入本组件模板,下面的代码实例化了两个组件实例。 img1 与 img2 分别是两个实例的 key ,请确保同一个页面中不同实例的 key 不一样 : <!--index.wxml--> - 然后在页面的 js 文件中,先引入组件的类,定制各个组件的初始数据,然后实例化,与上面的代码对应的写法如下: //index.js const ImageUploader = require('../common/image_uploader/image_uploader.js'); Page({ data: { img1: ImageUploader.mergeData({ imageUploadTitle: '定制标题1',//组件的标题 sourceType: ['camera
微信小程序开发—(四)上传图片
一.了解wx.chooseImage(OBJECT) 二.代码编程 在pages文件里面创建uploadimg文件夹 1.编写页面结构:uploadimg.wxml 获取图片 2.设置数据:uploadimg.js //获取应用实例 var app = getApp() Page({ data: { tempFilePaths:
微信小程序-微信小程序-v2ex
微信小程序-v2ex 前言 微信小程序 如果还不知道微信小程序的,请这边了解官方文档. 最新版0.9.092300(下载按钮被箭头挡住,需要审查元素找到下载链接),已经可以支持绝大部分api的调试,不需要再破解了。 运行 下载微信开发者工具最新版0.9.092300,创建新项目,导入即可看到运行效果 说明 本人出于兴趣,完成了这个简单的v2ex的微信小程序,只是为了熟悉api,纯粹好玩,欢迎star 由于微信小程序现在正在内测,还有不少问题,因此这个v2ex小程序最新tab内容点击主题会报错 现在代码和样式尚且粗陋,也有一些可待优化地方,因此欢迎有兴趣的同行与我一起继续完善,thx。 如有转载,请注明出处,谢谢! 效果预览: 感谢 v2ex数据api基本上使用了samuel1112的仓库v2er里封装的方法,特此表示感谢
微信小程序-微信小程序:音乐播放器
微信小程序: 音乐播放器 歌曲资源来源于 baidu音乐 截图 TODO 收藏列表 切换上一曲/下一曲
微信小程序-微信小程序demo
简介 这是微信小程序的demo项目, 练手之作, 对各种常用功能给出示例代码, 希望各位不吝补充. 使用方法 直接clone项目之后导入微信开发者工具即可. 大概是个什么样 一些额外说明 所有例子都是用ES6写的. 如果你有cocos2d-js开发经验, 那么这个项目就是在向cocos2d-js官方demo致敬. 我正在尝试将redux数据流引入微信小程序开发, 如果你有相关经验, 欢迎和我交流. css只能保存之后看效果, 尚没有什么好的调试手段. 开发建议 请注意事件无法绑定参数 下面的代码是无效的:<button type="primary">发送Ajax请求</button> 需要使用下面方法: <button type="primary">发送Ajax请求</button> ... handleBtn(e){ wx.navigateTo({ url: e.target.dataset.url }) }, 联系方式 拉了个qq群: 598632313
微信小程序-微信小程序-日历
微信小程序-日历 说明: 实现日历功能,包括阳历和阴历。 数据接口: 使用本地数据 目录结构: pages — 存放项目页面文件 utils — 存放格式化文件 开发环境: 微信web开发者工具 v0.11.122100 项目截图: https://www.getweapp.com/project?projectId=5892a2dc52e1e8733dc567ea
《微信小程序》微信小程序之头条新闻
简介上一篇文章,主要是介绍下微信小程序的开发环境安装和微信组件什么的一些基础的开发内容,所以最近一直在业余找练手的机会。由于之前没有接触过JS,自己学习起来还算是比较的吃力,一点一点的来吧!要持久。先看下效果: 代码已经开源
微信小程序-微信小程序-面包旅行
微信小程序-面包旅行 说明: 实现了面包旅行推荐列表,游记详情,兴趣点详情,游客评论,发现地点,热门景点等功能。 数据接口: https://api.getweapp.com/thirdparty/breadtrip/v2/index https://api.getweapp.com/thirdparty/breadtrip/destination/v3 https://api.getweapp.com/thirdparty/breadtrip/trips https://api.getweapp.com/thirdparty/breadtrip/destination/place https://api.getweapp.com/thirdparty/breadtrip/destination/place/pois https://api.getweapp.com/thirdparty/breadtrip/trips/waypoints https://api.getweapp.com/thirdparty/breadtrip/trips/waypoints/replies htt
微信小程序-微信小程序学习
wxapp 微信小程序学习 官方 官方教程 小程序开发文档 小程序设计指南 小程序开发者工具 demo演示
微信小程序-微信小程序 for gank.io
微信小程序 for gank.io 界面预览 更新日志 【2016.10.2】主要界面 以tabBar形式展出 gank首页列表 技术支持页 仿wechat界面 【2016.10.3】 删掉tabBar,增加【发现】页 把wechat界面和技术支持放在【发现】里面 根据微信小程序设计规范改了字体大小和用色,推荐微信小程序设计指南 增加清空缓存功能 增加下拉加载更多功能 增加提交干货功能 【2016.10.4】 增加提交人ID 提交干货类型改成action-sheet选择 增加过场动画 【2016.10.7】 增加预览图片功能 增加下载保存图片功能(可能是因为模拟器的原因,下载和保存的API调用不了,console也没有报错,success和fail均捕捉不到,不知道真机上能不能用)
微信小程序-微信小程序编译
接口 首页 slide images categories categories categories.mainItems(5 or 6) 放到一个接口里 { slides: [ ...imgUrls ], categories: [ { cateName cateId cateIcon [...cateItems] } ] }
微信小程序-微信小程序天气
wxWeather 微信小程序 天气 以微信小程序的方式开发的一个天气应用 调用了微信内置的定位接口,百度地图接口,以及聚合数据提供的天气接口。 代码中隐去了接口的APIkey,使用时需要自行申请。
微信小程序-微信小程序-云课堂
微信小程序-云课堂 说明: 实现小提示功能,特色: 轮播图 动画 模板 数据接口: https://api.getweapp.com/vendor/ketang/index https://api.getweapp.com/vendor/ketang/course https://api.getweapp.com/vendor/ketang/mystudy 目录结构: pages — 存放项目页面文件 images — 存放图片文件 开发环境: 微信web开发者工具 v0.11.122100 项目截图: https://www.getweapp.com/project?projectId=5893187c52e1e8733dc567ee
微信小程序-微信小程序-artand
微信小程序-artand 说明: 实现artand客户端部分功能,包括推荐,新作,画作详情等,亮点功能: 顶部 Tab 切换 下拉刷新 上拉加载更多 数据接口: https://api.getweapp.com/thirdparty/artand/discover/home/rank https://api.getweapp.com/thirdparty/artand/discover/work/hot https://api.getweapp.com/thirdparty/artand/discover/work/new https://api.getweapp.com/thirdparty/artand/artid 目录结构: images — 存放项目图片文件 pages — 存放项目页面相关文件,包括discover,index,login,register,setting,work-detail等页面 utils — 存放数据获取api文件 开发环境: 微信web开发者工具 v0.10.102800 项目截图: https://www.getweapp.com/p
微信小程序-知乎微信小程序
微信小程序-知乎 说明: 实现了知乎客户端部分功能,包括: 列表式渲染数据 自定义顶部 tabbar 下拉刷新 上拉加载更多 轮播图 等... 数据接口: 使用本地数据 目录结构: data — 存放本地数据 images — 存放项目图片 pages — 存放项目页面相关文件,包括answer,chat,discovery,index,more,notify,question等页面 utils — 存放时间处理文件,可require引入 开发环境: 微信web开发者工具 v0.10.102800 截图地址: https://www.getweapp.com/project?projectId=58328d42bb2538f8186c706b 感谢: 本项目原始版本由RebeccaHanjw提供:https://github.com/RebeccaHanjw/weapp-wechat-zhihu