有不少老师问,上传小程序,提示“图片和音频资源大小应不超过200k”,我们应该怎么解决文件过大?
一、针对图片文件过大,有两种方法解决:
1. 对图片进行压缩处理
1)网页搜索「图片在线压缩」,选择其中一个网站,上传图片,压缩文件,下载。
2)将压缩后的文件,放在小程序里的image文件夹里,注意图片支持 JPG、PNG、SVG、WEBP、GIF 等格式。
3)回到开发工具,我们替换头像的图片地址
首先我们开启「可视化」,点击模拟器中的头像,可以定位到头像图片的代码行,看到头像图片class属于“user-img”,src代表的是图片的资源地址,然后我们将图片的资源地址替换成我们想要修改的图片资源地址。
资源地址写法有两种:
a. 相对路径:../表示返回访问上一级目录,如"../images/userimg.png"
b. 绝对路径:以"/"开头,表示从根目录开始寻找文件,如"/pages/images/userimg.png"
替换前:
替换后:
2. 我们推荐使用图床功能,将图片转化为URL格式
1)网页搜索「图床外链生成器」,选择一个网站,上传图片
复制URL链接
2)回到开发工具,将URL链接替换掉本地的文件地址
首先我们开启「可视化」,点击模拟器中的头像,可以定位到头像图片的代码行,看到头像图片class属于“user-img”,src代表的是图片的资源地址,然后我们用URL链接替换掉原本的文件地址。
替换前:
替换后:
二、针对音频文件过大,有两种方法解决:
1. 使用图床功能,将本地音频转化为URL格式
1)网页搜索「图床外链生成器」,点开其中一个网站,上传音乐,复制URL链接
2)回到开发工具,找到音频的路径在index.js文件中,bgm_path后面是音频的资源地址,然后我们用URL链接替换掉本地的音频地址
替换前:
替换后:
2. 使用网络的音乐资源
1)网页搜索「音乐搜索器」,点开其中一个网站,生成所需音乐的URL
复制音乐的URL的链接
2)我们回到开发工具,找到音频的路径在index.js文件中,bgm_path后面是音频的资源地址,然后我们用URL链接替换掉本地的音频地址
替换前:
替换后:
我的歌曲替换后报错 有遇到过的吗 大佬们