关于使用jssdk上传图片的问题

之前项目里面有使用到微信的jssdk上传图片的功能。发现问题如下:

1.个别用户点击上传图片没反应(用户反馈)

2.个别用户上传图片,上传到微信服务器再下载下来后,出现图片错误,打不开。

解决方案:

1.针对问题1,考虑到老版的苹果手机可能不支持div的click事件,将div标签换成的a标签。

2.针对问题2,查了很多资料,有说是图片太大,或者图片选择了原图上传到腾讯的微信服务器,会导致失败率很大。但我这边测试,图片没有选择原图,图片大小仅仅108kb,但是刚传上去也是失败,后来试了好几次才传上去。我试了自己的手机里面的其他图片都可以,只有这张图片,每次要使用好几次才上传成功。实在郁闷。

关于问题2,如果有小伙伴有好的意见或建议,欢迎留言,共同探讨!

时间: 2024-11-01 14:41:10

关于使用jssdk上传图片的问题的相关文章

微信JSSDK上传图片,代码为上传单张图

HTML端 //这里需要注意的是,千万不要把onclick放到input file上 <div class="load_box"> <img src="ajax返回显示的图片,初始化可以设置个默认的URL" alt="" id="img1" class="star" style="height:142px;" onclick="chooseImage('fil

微信企业号办公系统-JSSDK上传图片(多图上传)

在开发微信企业号办公系统中,涉及到了图片上传功能,一开始使用的flash插件上传方法,在苹果手机上可以调用相机直接拍摄照片,但在安卓手机上只能选择照片. 微信jssdk-api带有一套完整的调用选择本地图片上传的功能,很多朋友在问到多图上传的问题.在这里分享一下自己的做法,其实并不是自己的做法,就是完全按照微信开发文档的做法,很多朋友可能没有仔细看文档,或者文档内容太多所以不想看,然后就不知道做法了,我这里挂出来,是这样做的 var images = { localId: [], serverI

javascript获取wx.config内部字段解决微信分享

转自:http://www.jb51.net/article/80679.htm 专题推荐:js微信开发_脚本之家 http://www.jb51.net/Special/879.htm 背景在微信分享开发的时候我们通常的流程是 <?php require_once "jssdk.php"; $jssdk = new JSSDK("yourAppID", "yourAppSecret"); $signPackage = $jssdk->

微信JS-SDK实现上传图片功能

最近在项目开放中,有一个在微信WEB项目中上传图片的需求,一开始使用了传统的<input type="file">的方式去实现,但是后面发现在使用这种传统模式时会由于手机系统的差异而导致一系列的问题,后改用微信JSSDK的方式来实现. 总的来说,利用JSSDK来实现该功能一共分为四步. 1. 调用wx.config(),初始化jssdk的配置,并在jsApiList中配置上传图片需要的四个api('chooseImage','previewImage','uploadIma

【原创】.Net 微信 JS-SDK图片、语音上传接口的实现(MVC)-(二 、上传图片服务器操作)

上一篇文章,已经介绍过关于微信上传图片的前端JS-SDK , 如果有没看到第一篇的朋友, 可以先看看第一篇 http://www.cnblogs.com/29boke/p/5483599.html 好了,现在继续向大家介绍,我们.NET 是如何实现图片上传到自己的服务器的. 上次提到, function upload() {             wx.uploadImage({                 localId: images.localId[i],              

微信企业号 JS-SDK:上传图片

微信企业号 JS-SDK:上传图片 微信的JS-SDK提供了微信客户端相关的功能,如:拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微信分享.扫一扫等微信特有的能力,为微信用户提供更优质的网页体验.这里将会介绍如何通过调用JS-SDK接口从手机摄像头或相册内上传图片. 目录 1. 介绍 2. 代码示例 1. 介绍 1.1 流程说明 首先看下整个Demo的流程: ①微信客户端访问页面 ②获取JS-SDK中的相关权限 API:http://qydev.weixin.qq.com/wiki/

微信JS-SDK说明文档及常见问题处理

概述 微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包. 通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照.选图.语音.位置等手机系统的能力,同时可以直接使用微信分享.扫一扫.卡券.支付等微信特有的能力,为微信用户提供更优质的网页体验. 此文档面向网页开发者介绍微信JS-SDK如何使用及相关注意事项. 使用说明 在使用微信JS-SDK对应的JS接口前,需确保公众号已获得使用对应JS接口的权限,可登录微信公众平台进入“开发者中心”查看对应的接口权限. 注意:

微信开放JS-SDK,助力网页开发

From:http://mp.weixin.qq.com/s?__biz=MjM5NDAwMTA2MA==&mid=209208141&idx=1&sn=1f075212b3482900bb7096ac810dc7f3&key=2f5eb01238e84f7ef75f5c4d8084b275b234159411cccabd57be15d9d54c568c053c1882864db9945028cc57c21b262c&ascene=0&uin=MzUzMDg

微信JS-SDK接口 + FLASK实现图片上传

最近在做一个项目从全球各地采集图片,考虑采用微信JS-SDK来简化开发.图片会首先上传到微信的服务器,返回一个id,然后根据这个id去微信服务器获取图片.微信提供可选择的压缩图片功能.图片首先上传到微信的服务器,可以保障较好的上传稳定性. 详细内容请参考微信的官方文档:微信JS-SDK说明文档 运行页面如下 HTML 在微信demo的基础上修改,见微信JS-SDK DEMO页面 增加图片的多次选择,多次上传,删除等功能 uploadImage.html <!DOCTYPE html> <