WHY
有时候需要从服务端接收图片,显示在APP页面,如显示验证码、二维码等,这些图片一般都是以base64格式传输的二进制数据。
WHAT
App Inventor中的图片不能直接接收数据,着急用也没在网上找插件。base64格式的数据是可以在浏览器中直接展示的,因此可以使用Web浏览框展示。
HOW
设计界面放置Web浏览框,按需设计好位置、大小等。
![](https://img.haomeiwen.com/i5639071/58eef0994000a050.png)
设计界面放置不可见控件Web客户端用于和服务端通信。
![](https://img.haomeiwen.com/i5639071/885dc40589461b0c.png)
设计界面放置不可见控件文件管理器用于保存HTML文件。
![](https://img.haomeiwen.com/i5639071/8309bac57dfa8097.png)
放置刷新按钮,用于触发图片请求。
![](https://img.haomeiwen.com/i5639071/0713479d2dc376ed.png)
![](https://img.haomeiwen.com/i5639071/60b4954ecbda9aa4.png)
Web客户端收到文本时,保存图片数据至HTML文件,注意前后加上HTML文件中需要的格式。注意保存文件时文件名前面加 “/” 时文件会保存在手机文件夹根目录;如果不加 “/” 则会保存在APP的私有存储空间,外部就看不到啦。
![](https://img.haomeiwen.com/i5639071/17b1b93918fd3f41.png)
再做一些美化,一个美好的登录界面就完成啦😁😁
![](https://img.haomeiwen.com/i5639071/8ef9e0d527ec747c.png)
保存的HTML在根目录,可以用浏览器直接打开确认。
![](https://img.haomeiwen.com/i5639071/0f1bf5310198c62e.png)
![](https://img.haomeiwen.com/i5639071/78a7f89f38553b33.png)
网友评论