以 SAP CRM Fiori 應用為例。附件處理有兩個層面，即在 Fiori UI 上顯示附件(讀取操作)，以及透過 Fiori UI 建立附件(寫入操作)。

# Attachment 的讀取

如下圖所示，點選任意 Attachment 超連結，
![](https://img-blog.csdnimg.cn/img_convert/08fa49db179f9a363f80b84d2b3efd8a.png)

即自動開啟瀏覽器下載視窗。

![](https://img-blog.csdnimg.cn/img_convert/d11791f158ff8461504ed8a247f145bc.png)

到該 OData 對應的實現系統，比如 AG3 後臺，事物碼 `SEGW`，開啟 `CRM_OPPORTUNITY` OData 專案，建立一個名為 `Opportunity_Attachments` 的 association，指向一個名叫 `OpportunityAttachment` 的 Dependent Entity.

![](https://img-blog.csdnimg.cn/img_convert/338920b4abf7e69dc9bdfa18f228a8da.png)

Opportunity 和 OpportunityAttachment 模型的關係是 0:n, 即一個 Opportunity 允許沒有 attachment，也可以允許有多個 attachment.

Attachment 的模型欄位：

![](https://img-blog.csdnimg.cn/img_convert/7dcca530f27f0c572daa9263b5121367.png)

我們可以在 AG3 設定斷點，除錯 attachment 的讀取請求：

![](https://img-blog.csdnimg.cn/img_convert/7fcd09c01a4888b6ff3cfe1907f378e6.png)

Fiori UI 把要讀取的 attachment 例項資訊透過 SAP UI5 程式碼傳遞給後臺 ABAP：

![](https://img-blog.csdnimg.cn/img_convert/8b0d768201093e2100fb6a46424c3448.png)

最後呼叫 `CL_CRM_OPPORTUNITY_DPC_EXT~GET_STREAM` 方法從 AG3/001 系統上讀取附件資料：

![](https://img-blog.csdnimg.cn/img_convert/2444325bd7061299239d18775eb6a945.png)

Fiori 前臺即 S3.view.xml 使用的是 `UploadCollection` 控制元件來顯示附件。

![](https://img-blog.csdnimg.cn/img_convert/d26f655029ae91ada681980d5824e464.png)

當 Attachment 標籤頁被點選時，觸發 `attachmentsTabSelected` 方法：

![](https://img-blog.csdnimg.cn/img_convert/aee01408c158e7317ec4afc4f519a049.png)

在該方法裡，手動呼叫 OData API 發起向後臺讀取資料的 OData 請求：

```javascript
var info = this.getView().byId('info');
		var headerGuid = info.getModel('json').getData().Guid;
		var oModel = this.oModel;
		var sPath = this.sPath;
		// get the list to set the post url param
		var that = this.getView();

oModel.read(sPath, null, [
			"$expand=Attachments"
		], true, jQuery.proxy(function(odata, response) {
			var data = {
				OpportunityAttachments: []
			};
			var length = response.data.Attachments.results.length;
```

# Attachment 的建立

點選 `+` 圖示，從本地選擇一個檔案上傳：

![](https://img-blog.csdnimg.cn/img_convert/60d582942a555fbcb6831c443e52a9ef.png)

SAP UI5 控制元件能顯示上傳的進度條：
![](https://img-blog.csdnimg.cn/img_convert/4ab7748c0b8bfd804d3e4fc732dea95e.png)

觸發後臺的 `CL_CRM_OPPORTUNITY_DPC_EXT～CREATE_STREAM` 方法：

![](https://img-blog.csdnimg.cn/img_convert/2181b37600607d06727f8c695801a6c9.png)

CREATE_STREAM 方法建立流(媒體資源)和相應的實體(媒體連結條目)。附加資訊可以在Slug頭中提供。建立媒體連結條目的編排是首先執行HTTP Post，其中只包含二進位制資料。注意，不允許先發布條目本身，然後再發布相關的媒體資源。基於Slug頭，開發人員可以向伺服器傳遞額外的資訊，例如，伺服器可用於儲存二進位制檔案(媒體資源)和建立實體(媒體連結條目)建立的框架。新建立的實體(媒體連結條目)在HTTP響應中傳送回使用者，可以使用適當的資料更新該響應。更新後的條目將在HTTP Put中傳送到SAP NetWeaver Gateway系統，以完成建立媒體資源/媒體連結條目的過程。

SAP Fiori 的附件處理(Attachment handling)

相關文章