前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【教程】如何在CoCo编辑器上传图片

【教程】如何在CoCo编辑器上传图片

原创
作者头像
编程少年 刘小圳
发布2024-06-02 16:23:01
1080
发布2024-06-02 16:23:01

如何在CoCo编辑器上传图片,并把他转换为URL链接?

*本教程所包含的内容无需自定义控件


准备工作: 1.1个未被盗号且未被封号的编程猫账号 2.一个程序员 3. 一个可以访问网站的设备 4.请确认你的图片合法合规 我需要明确的告诉你,本操作不可逆

登录CoCo官网,新建一个作品,

  1. 我们在基础类型的多媒体分类这里找到这个控件:
照相机图标的控件
照相机图标的控件

将他拖拽至舞台,然后你就会在则边栏看见这个东西:

然后我们就点卡这个控件,我们会看到这几个积木:

积木块
积木块

看到这里,你不会以为上传后 就是上传的

图片
图片

后图片的链接吧。来请在评论区打错【小圳,我上当了】。所以,这只是一个blob链接,这不上资源路径,所以我们需要CoCo告诉我们的完整路径。所以,我们需要加一个基础控件:

微数据库的图标
微数据库的图标

将他拖拽至舞台以导入进来,然后,你就会在侧边栏看见这个:

微数据库的所有代码
微数据库的所有代码

然后我们创建一个健,重命名未【picture】

新建一个值为【picture】
新建一个值为【picture】

然后,我们点击确定,然后我们可以把

图片积木
图片积木

放到

设置值
设置值

这里

里面,然后我们再通过这个积木读取

读取值
读取值

这里面返回的内容就是他的URL真实链接了。 但是,可能在CoCo打包后,上传服务器会有延时,导致输出快了,这时,我们需要这样字写:

最终代码
最终代码

(教程完)

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 如何在CoCo编辑器上传图片,并把他转换为URL链接?
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档