小程序图片如何使用云服务器的

小程序图片如何使用云服务器的,第1张

众所周知,小程序的大小限制在2M,我手头上这个项目目前已经不小了,因此时常出现超过2M上传不了代码的情况,为了解决这个问题,我曾经把项目的图片尽可能的去做了压缩,可是省下来的空间永远赶不上需求的增加,很快就又会出现这个问题,很是头大,就是那种眼看着自己辛苦写出来的代码还不能面世的尴尬,心痛的很,那么有人说了小程序不是提供了分包加载吗?是的嘞,但是我目前使用的是wepyjs的框架,对于基于这个的分包实在是没琢磨透,所以没敢轻举妄动,因为就想到了把本地图片放到服务器上的办法,哈哈~也算是笨人有笨办法吧,嘻嘻。。。

那么接下来就来说我是怎么处理的,其实还是很简单的。

首先,让后台的小伙伴协助把图片放到对象项目的域名上,那么这个图片对于我们来说就相当于项目的接口一样了,在使用的时候只需要把对应的接口域名拼接上即可啦,下面我们来看一个小例子:

图片已经请后台放到了服务器上了,那么负责任的后台呢会给你一个完整的图片链接给你做例子,让你去对应的修改你所需要的图片。

如上图,这就是我们后台把图片放到服务器上给我发的一个链接例子,正如你们所看到的,我掩盖到的部分就是项目的域名,Picture是服务器上放图片的文件夹,然后就是对应图片的名称。

所以这样看来就很简单了吧,我得具体做法是:

在app.wpy文件的onload中,给globalData附上服务器图片的公共域名链接的前半段,然后在其他wpy文件中,直接在onload中把globalData赋值给当前页的一个data值使用即可。

1、首先用手机将小程序发到电脑端。如下图所示

2、接着在电脑中,进入Fiddler软件,如下图所示。

3、然后在打开的软件页面中,点击File下面的第一个选项。

4、左下角显示capture就代表监测中,点击小程序捕获图片的请求。

5、然后点击inspector选项,如下图所示。

6、下面就可以看到图片的地址了,如下图所示就完成了。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/653393.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-07-23
下一篇2023-07-23

发表评论

登录后才能评论

评论列表(0条)

    保存