[图片] 我的歌曲替换后报错 有遇到过的吗 大佬们
怎么解决小程序内图片和音频文件过大?有不少老师问,上传小程序,提示“图片和音频资源大小应不超过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链接替换掉本地的音频地址 替换前: [图片] 替换后: [图片]
08-12