关于微信JS SDK接口wx.previewImage预览接口的使用

然后后之前的项目，突然往微信上迁移了，一些微信的接口没怎么用过，比较陌生，这次的功能是想调用微信的接口，实现图片放大的功能，

就找到官方文档：http://qydev.weixin.qq.com/wiki/index.php?title=微信JS-SDK接口#.E9.A2.84.E8.A7.88.E5.9B.BE.E7.89.87.E6.8E.A5.E5.8F.A3

引入JS

按照要求配好了config，按照接口调用

因为读图片的时候，有一个src的变量，我就直接把这个src的变量赋给了current即当前显示图片

然后因为我是只有一张图片，所以也就没做其他处理，直接打current push 进urls数组里面去了，

然后点击测试，各种返回的数据也是对的，点击图片的时候，也调用了微信接口了，但是就是一直在无限加载，出不来图片

返回的数据差不多就是这样的，我看返回的数据图片路径也是对的呀，为什么就是显示不出来呢，找了好久，没有思路

然后我就另外写了一个小demo，

此时就可以了，对比两个代码的不同，原来是还是图片路径的问题，

人家明确要求，需要的是图片的http链接，而我只是给了一个从后台传过来的字符串而已，所以也就显示不出来，好吧，暂且算是解决了这个问题，

但是我现在还有另外一个问题，为什么我本地的做的测试的小demo可以成功呢?我没有配什么config，只是引入了js而已，怎么就可以成功了，难道

真的不需要？

原文地址：https://www.cnblogs.com/xumqfaith/p/8116797.html

时间： 2024-08-04 13:20:23

关于微信JS SDK接口wx.previewImage预览接口的使用的相关文章

微信JS SDK配置授权，实现分享接口

微信开放的JS-SDK面向网页开发者提供了基于微信内的网页开发工具包,最直接的好处就是我们可以使用微信分享.扫一扫.卡券.支付等微信特有的能力.7月份的时候,因为这个分享的证书获取问题深深的栽了一坑,后面看到"config:ok"的时候真的算是石头落地,瞬间感觉世界很美好.. 这篇文章是微信开发的很多前置条件,包括了服务端基于JAVA的获取和缓存全局的access_token,获取和缓存全局的jsapi_ticket,以及前端配置授权组件封装,调用分享组件封装. 配置授权思路:首先根据

微信js sdk上传多张图片

微信js sdk上传多张图片,微信上传多张图片该案例已tp3.2商城为例直接上代码: php代码: public function ind(){ $appid="11111111111111111111"; $secret="11111111111111111111"; $token = S('access_token'); if (!$token) { $res = file_get_contents("https://api.weixin.qq.c

实战微信JS SDK开发：贺卡制作与播放（1)

前段时间忙于CanTK 2.0的开发,所以博客一直没有更新.CanTK 2.0主要增强了游戏和富媒体的开发,现在编码和测试基本完成了,等文档完成了再正式发布,里面有不少激动人心的功能,等发布时再一一细说吧. 最近同事用CanTK开发了一个基于微信的贺卡制作APP,我虽然没有参与开发,但是提供CanTK和GameBuilder的技术支持,觉得有些东西比较有意思,写几篇博客和大家分享吧.这个贺卡APP完全开源,有需要的朋友可以随意修改和发布. CanTK(Canvas ToolKit)是一个开源的游

JS实现图片上传预览效果：方法一

利用js加载本地图片预览功能

直接上代码: 经测试,除safari6包括6以下不支持,其他均可正常显示. 原因:safari6不支持filereader,同时不能使用IE滤镜导致失效. fix: 可以利用canvas,解决safari6的问题 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

基于Three.js的360X180度全景图预览插件

基于Three.js的360X180度全景图预览插件时间 2015-08-12 10:01:10 HTML5中国原文 http://www.html5cn.org/article-8621-1.html 主题 Three.js 简要教程 Photo Sphere Viewer是一款基于Three.js的360X180度全景图预览js插件.该js插件可以360度旋转查看全景图,也可以上下180度查看图片.使用该插件的唯一要求是浏览器支持canvas或WebGL. 查看演示下载插

js实现移动端图片预览：手势缩放，手势拖动，双击放大...

.katex { display: block; text-align: center; white-space: nowrap; } .katex-display > .katex > .katex-html { display: block; } .katex-display > .katex > .katex-html > .tag { position: absolute; right: 0px; } .katex { font-style: normal; font

微信小程序点击图片预览-wx.previewImage

<view class='imgList'> <view class='imgList-li' wx:for='{{imgArr}}'> <image class='img' src='{{item}}' data-index='{{index}}' bindtap='previewImg'></image> </view> </view> Page({ /** * 页面的初始数据 */ data: { imgArr:[ 'http:

微信JS SDK Demo

微信JS-SDK 分享到朋友圈分享给朋友分享到QQ 拍照或从手机相册中选图识别音频并返回识别结果使用微信内置地图查看位置原文:http://www.cnblogs.com/txw1958/p/weixin-js-sdk-demo.html 一.JS部分 wx.ready(function () { // 1 判断当前版本是否支持指定 JS 接口,支持批量判断 document.querySelector('#checkJsApi').onclick = function () { wx.