微信小程序调用接口开发时如何调用本地图片

3502人阅读
微信小程序Mini App(105)
今天遇到小程序的用户头像设置功能,做笔记.
小demo,代码很简单.
1.index.wxml
2.index.js
[javascript]
这里说说sourcetype.默认是从相册获取和使用相机拍照,跟微信现在选择图片的界面一样,第一格是拍照,后面的是相册照片.
这里注意:返回的是图片在本地的路径.如果需要将图片上传到服务器,需要用到另一个API.
[javascript]&nbsp>&nbsp
&nbsp>&nbsp
&nbsp>&nbsp
如何在小程序中调用本地接口
摘要:背景:随着微信小程序开始公测,我司也拿到了AppID,所以开始了微信小程序的趟坑之旅。由于现在网上已经有很多的《微信小程序从精通到入门》的教程了,所以就不再重复那些,只是讲一下,在开发的过程中,如何使用本地(开发环境)的接口。因为小程序的开发文档中写到了,wx.request中的URL只能是一个https请求,本地一般来讲是不会有https的-.-所以我们使用Charles代理来实现需求。&前提:本人认为你现在已经具备以下几个条件:0.&具有微信小程序开发
随着微信小程序开始公测,我司也拿到了AppID,所以开始了微信小程序的趟坑之旅。
由于现在网上已经有很多的《微信小程序从精通到入门》的教程了,所以就不再重复那些,只是讲一下,在开发的过程中,如何使用本地(开发环境)的接口。
因为小程序的开发文档中写到了,wx.request中的URL只能是一个https请求,本地一般来讲是不会有https的-.-
所以我们使用Charles代理来实现需求。
本人认为你现在已经具备以下几个条件:
0. &具有微信小程序开发的权限
1. &知道自家小程序后台配置的信任域名都是什么-.-
2. &有一台Mac(阿哈哈...无视...截图来自Mac...Windows党请多担待)
首先我们需要安装如下两个软件:
0. &安装Charles,当然了,是个破解版的-.- 破解方法请自行百度,不赘述
1. &安装微信web开发者工具
到这一步,本人认为你已经安装好了上边两个软件,并且可以正常运行咯。
0. & &首先打开Charles,Help-&SSL Proxying-&Install Charles Root Certificate&安装证书到本地
1. & &在钥匙串访问中搜索 Charles 关键字,找到那个证书,点开后将信任选为始终信任
2. & &打开&Tools-&Map Remote&添加线上域名于本地(开发环境)服务的映射
3. & &打开&Proxy-&Proxy Settings
4. & &选择Proxies选项卡,默认的HTTP Proxy的值是8888,这个端口号需要记着,后边在微信web开发者工具里边要用到的
5. & &选择Mac OS X选项卡,点击启用如下两个选项
6. & &打开&Proxy-&Mac OS X Proxy&启用本地的代理服务
7. & &这时,Charles已经完成了本地服务代理线上服务的步骤,接下来就是微信web开发者工具中的一些设置
8. & &在扫码登录后,点击右上角代理的选项
9. & &选择手动设置代理,然后填写本地的IP,以及前边在Charles中设置的代理端口号(第5步)
10. &点击保存后,来到微信小程序的项目中,在wx.request中直接填写线上域名后,保存运行,你就会发现Charles中已经收到了来自你本地的一些请求
以上是的内容,更多
的内容,请您使用右上方搜索功能获取相关信息。
若你要投稿、删除文章请联系邮箱:zixun-group@service.aliyun.com,工作人员会在五个工作日内给你回复。
云服务器 ECS
可弹性伸缩、安全稳定、简单易用
&40.8元/月起
预测未发生的攻击
&24元/月起
为您提供0门槛上云实践机会
你可能还喜欢
你可能感兴趣
阿里云教程中心为您免费提供
如何在小程序中调用本地接口相关信息,包括
的信息,所有如何在小程序中调用本地接口相关内容均不代表阿里云的意见!投稿删除文章请联系邮箱:zixun-group@service.aliyun.com,工作人员会在五个工作日内答复
售前咨询热线
支持与服务
资源和社区
关注阿里云
International目录结构如下,只要图片按正确的方式放入小程序的开发工具的项目中,即可在wxml文件中用内联样式或者image标签都可以引用本地的图片。
步骤一:微信开发工具 打开项目
步骤二:新建个文件夹(放项目的一级或者二级目录都可以),然后把图片拷贝到这个目录下。
注意:一定要用你从 微信开发工具 &打开的项目window窗口完成新建文件夹和把图片copy到这个目录下的这两个步骤
步骤三:相对路径去访问图片,可以用style样式的方式或者image标签
不能用wxml样式去引用本地的图片,不会报错,也没效果
&注意:在手机模拟预览,样式的背景图只能用服务器的图片,不能用本地
阅读(...) 评论()药品服务许可证(京)-经营-违法不良信息举报: 电话、邮箱youkujubao@service.alibaba.com请使用者仔细阅读优酷、、、、和Copyright(C)2018 优酷 youku.com 版权所有

我要回帖

更多关于 微信小程序 调用函数 的文章

 

随机推荐