找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索本站精品资源

首页 教程频道 小程序开发 查看内容

toBeMN:微信小程序填坑之路《一》POST请求,图片处理

作者:模板之家 2018-1-27 10:08 1608人关注

一:POST请求 声明一下,本小白只是在敲代码的过程中遇到问题后网上找到的解决方法,所以请注意我只是代码的搬运工。。。 对于小程序的get请求就不多说了,因为文档都有例子ctr

一:POST请求

声明一下,本小白只是在敲代码的过程中遇到问题后网上找到的解决方法,所以请注意我只是代码的搬运工。。。

对于小程序的get请求就不多说了,因为文档都有例子ctrl+c ctrl+v就好了

而对于POST请求就有一些坑了,有三点需要注意的

1.’Content-Type’: ‘application/json’用在get请求中没问题.
POST请求就不好使了.需要改成: “Content-Type”: “application/x-www-form-urlencoded”
2.一定要加上method: “POST”,不然就GG了
3.data: { cityname: “厦门”, key: “1430ec127e097e1113259c5e1be1ba70” }写成json格式这样也是请求不到数据的.需要转格式,下面的例子里面就在util.js文件中写好了转格式的方法json2Form(),只要调用就好了

上例子:
首先呢就是目录结构啦

其次在看看转格式的json2Form方法

注意下面的exports不要忘了写

index.wxml

然后是index.js

没法全截图,分两张图片

效果

 

二:图片处理

微信小程序的一大特点就是“小”,小到什么程度呢,看图就知道了

那小程序为什么要这么小呢,因为他想做到即扫即用,即用即走的理念,宏观的说微信小程序是不需要下载,通过扫码等方法直接在微信平台上使用的软件。其实微观上,在第一次使用软件的时候还是会下载下来的,之后就不会在下载。而在这个4G、wifi满天飞的时代,1M的软件下载能需要几秒,所以可以理解成是一个不需要下载就能使用的软件。

废话说完了进入正题,既然小程序限制了项目的大小,而项目不可避免的会用到图片、音频、视频等相对来说的大东西,要怎么处理呢。

我知道三个小方法仅供参考
1.将图片转成base64编码,可以使用代码来转换,当然我才不愿意特意写代码转,我懒,献上一个在线图片转base64的地址:
http://tool.css-js.com/base64.html
这会得到一个很长很长很长的字符串,但是比较一下,是图片占容量还是字符串占容量,我就放心的使用了

base64的格式
data:[][;charset=][;base64],

在html中使用的方法
<img src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." />

在css中使用的方法
.demoImg{ background-image: url(“data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL….”); }

2.使用外部链接
推荐使用七牛,不仅能弄图片,还能把本地的音频(试验过可以)、视频(我猜可以)等转成外部链接,这就更小了,一个链接解决这些占空间的资源,大家不妨学习学习

3.如果你有强迫症一定要看到图片
那就压缩图片吧,我这里有一个压缩图片的网址,压缩的效果相当显著https://tinypng.com/

这就是三种小方法,仅供参考仅供参考仅供参考,不说三遍我怕被人喷一脸

 

路过

雷人

握手

鲜花

鸡蛋
原作者: 模板之家 来自: 网络收集

全部回复(0)