在 SAPUI5 中上传文件并发送到网关服务器

Question

我很难找到一种方法来发送上传的文件并将其发送到网关服务器。我正在使用基本的 FileUploader 控件。

    ***<u:FileUploader
        id="fileUploader"
        name="myFileUpload"
        uploadUrl="upload/"
        width="400px"
        tooltip="Upload your file to the local server"
        uploadComplete="handleUploadComplete"/>
    <Button
        text="Upload File"
        press="handleUploadPress"/>***

在控制器中我有以下事件处理程序

     ***handleUploadPress: function(oEvent) {
        var oFileUploader = this.getView().byId("fileUploader");
        oFileUploader.upload();
    }***

我应该在 oFileUploader.upload() 之后添加什么代码来获得可以传递给我的 OData 服务的附件属性的 xstring

谢谢

Answer 1

首先要做的是确保您拥有能够处理媒体类型和流的网关服务。要进行此设置，您需要将处理文件内容的实体设置为媒体类型，并获得处理流（CREATE_STREAM）的逻辑。您可以在this SCN blog 中找到有关如何执行此操作的更多信息。

在您的 UI5 应用程序中，您必须将上传控件的 URL 设置为例如/sap/opu/odata/sap/AWESOME_SERVICE/Customers('0000123456')/$value 以便文件由您刚刚实现的 CREATE_STREAM 方法处理。

当上传最终发生时，您需要处理两个标头参数； slug 和 CSRF token。 slug 标头应设置为例如文件名，而 CSRF 令牌需要使用飞行前请求检索。要设置标题，您可以使用以下内容：

oFileUploader.addHeaderParameter(new FileUploaderParameter({
    name: "x-csrf-token",
    value: _csrfToken
}));

slug 标头参数可以以类似的方式设置，并且应该包含标识文件的内容，例如文件名或 ID。

要确定 CSRF 令牌，您可以执行以下操作：

var _csrfToken = "";
jQuery.ajax({
    url: "/sap/opu/odata/sap/AWESOME_SERVICE",
    headers: {
        "X-CSRF-Token": "Fetch",
        "X-Requested-With": "XMLHttpRequest",
        "DataServiceVersion": "2.0"
    },
    type: "GET",
    contentType: "application/json",
    dataType: 'json',
    success: function(data, textStatus, jqXHR) {
        _csrfToken = jqXHR.getResponseHeader('x-csrf-token');
    }
});

使用正确的标头参数，将文件发送到正确配置的网关实体应该可以让您的文件上传。