109. 使用 SAP UI5 FileUploader 控件上传本地文件

我们可以使用 SAP UI5 提供的 FileUploader 控件,将本地文件上传到远端服务器进行存储。远端服务器负责接收上传的文件的逻辑,可以采取 Java,Node.js 或者 ABAP 等任意的编程语言实现。

本地文件上传也是最终用户同文件服务器交互的重要手段之一,因此文件上传这个主题,本教程会通过若干篇文章连续进行介绍。

笔者还另外实现了一个不通过 SAP UI5 FileUploader 控件,而是直接用 HTML 原生的 input 元素实现的文件上传场景,感兴趣的朋友可以阅读我这篇文章:使用 HTML input 元素上传本地文件,在服务器端打印出上传的内容

先看本步骤完成后实现的场景。

本步骤完整的源代码位置如下

进入目录 109,运行命令行 npm install 安装依赖之后,命令行 ui5 serve 启动开发服务器,访问 url:

可以看到上图进行文件上传的界面已经显示出来了。但是我们还需要有一个服务器,用于接收这个 SAP UI5 应用上传的文件。

为此,另外开启一个命令行窗口,输入命令行 node ui5FileServer.js, 看到打印的提示消息:liste

猜你喜欢

转载自blog.csdn.net/i042416/article/details/125979700