toBeMN：微信小程序填坑之路《一》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的地址：
https://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/

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