🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 在E4A插入多媒体信息 # •关于多媒体 > [多媒体](https://baike.baidu.com/item/%E5%A4%9A%E5%AA%92%E4%BD%93)(Multimedia)是多种[媒体](https://baike.baidu.com/item/%E5%AA%92%E4%BD%93)的[综合](https://baike.baidu.com/item/%E7%BB%BC%E5%90%88),一般包括文本,[声音](https://baike.baidu.com/item/%E5%A3%B0%E9%9F%B3)和[图像](https://baike.baidu.com/item/%E5%9B%BE%E5%83%8F)等多种媒体形式。--百度百科 # •为什么插入多媒体     插入多媒体是一个应用程序为了展现内部信息的必要手法,在本篇教程里我们打算分享下在E4A插入文字和图片,主要分享组件 标签 图片框 图片下载器 富文本框的用法。 # •目的 1.用标签来展示预设文本及读取网络文本 2.用图片框来加载预设图片和配合图片下载器取网络图片 # •步骤 ## 1.用标签来展示预设文本及读取网络文本 用标签组件来显示文本在上节已经讲到了,如下图 ![](https://img.kancloud.cn/55/df/55dfc434a6229018d13c255c8b261d84_1280x770.png) 这样可以预设一段文本,如果文本内容需要在运行途中改变,请看**关于E4A**文件夹的**E4A代码结构**教程中关于组件属性改变的代码写法。 有时候单纯显示本地代码中的文本不能满足要求,比如我们要在程序里写上一个公告栏,因为我们的公共不会一成不变,软件发行后我们还会有需要更改公告内容,此时我们就能做一个网页,内容为我们的公告 **提示:关于如何做一个纯文本网页只要写TXT文件放到服务器上外网能访问就行,具体教程点击这里。** 我们已经准备好教程需要的网页,判断它是否可以用请将地址输入浏览器访问,如果可以访问则可以被E4A使用。如图: ![](https://img.kancloud.cn/ae/e1/aee1ad5a9dc23e29e7a98376ec13bfe6_287x154.png) 在E4A中,有两种方法可以取下这段文本,1.取网页源码();2.多线程.取网页源码() **提示:不推荐第一种方法,第一种方法会由于网络等原因取网页源码没有完成就读结果进行后续代码,我们一般在第一种办法里用时钟组件进行延时,以确保网页源码取下来了,这样留时间即使用户网很好也会需要时间来加载,不如第二种方法,第二种方法在源码一取下来就能进行后续代码。** 我们来比较两种方式的代码: ![](https://img.kancloud.cn/01/41/0141db7d2db7a10fa8166b10a6d29290_1280x748.png) **提示:上代码有定义编码类型的部分,GBK为中文编码,UTF-8为英文编码,但不绝对。如果取到的文本出现乱码请换一种编码类型试试。** 由上图我们可以清晰看出区别。 到这里我们已经实现了目标一。 ## 2.用图片框来加载预设图片和配合图片下载器取网络图片 直接预设图片: ![](https://img.kancloud.cn/d0/3b/d03bbbec273d97911e3b1218e6e23253_590x745.png) 加载内存卡上的图片: ![](https://img.kancloud.cn/ba/fa/bafa753da496221610d7805d3d03591e_790x610.png) 如果需要加载网上的图片,我们需要用到图片下载器组件。 例如我们要加载百度的logo,我们可以访问百度,去取到它的logo图片的链接,就像这样:[https://ss0.bdstatic.com/5aV1bjqh\_Q23odCf/static/superman/img/logo/bd\_logo1\_31bdc765.png](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png) 接下来我们把这张图片加载到我们的图片框1 ![](https://img.kancloud.cn/a3/e2/a3e2218483f72abc1a26e400df787341_1280x746.png) 上图概述了如何加载网络图片,信息量有些大,仔细看吧。 这样我们也实现了目的二,自此,本篇教程也就更新完了。