使用 SAP UI5 FileUploader 控件上传本地文件试读版

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

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

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

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

点击 Browser 按钮，选定本地一个文本文件 1.txt：

这个文本文件的内容如下：

点击 Upload File，能看到一个 Upload finished! 的消息弹出框：

同时 Chrome 开发者工具 network 标签页里，能看到服务器端返回的 File uploaded ok! 的响应消息。

切换到文件服务器的命令行窗口，看到控制台上打印出的 file name: 1.txt size: 10 的消息，这就是服务器接收到 SAP UI5 FileUploader 上传的 1.txt 文件后，打印出的文件名和文件大小。

下面是本场景具体的实现步骤讲解。