SAPUI5 上传集合不上传文件答案

【问题标题】：SAPUI5 Upload Collection not uploading FileSAPUI5 上传集合不上传文件
【发布时间】：2015-04-14 12:58:42
【问题描述】：

我正在尝试为用户设计一个界面，以上传单个 excel 类型的文件，并将大小限制为 10MB。 SAPUI5 的 FileUploader 控件有多种使用示例。但是我没有找到任何使用 UploadCollection 的例子。我收到错误

加载资源失败：net::ERR_CACHE_MISS

状态继续显示上传 0%。我对使用这些文件控件完全陌生。所以请帮帮我。这是我的代码...

var upload = new sap.m.UploadCollection({
        busy : false, 
        busyIndicatorDelay : 1000, 
        visible : true, 
        fileType : ["xlsx"], // string[]
        maximumFilenameLength : undefined, // int
        maximumFileSize : 10000000, // int
        mimeType : ["application/x-msexcel", "application/excel"], 
        multiple : false, 
        noDataText : "No Data", 
        sameFilenameAllowed : false, 
        showSeparators : sap.m.ListSeparators.All, 
        uploadEnabled : true, 
        uploadUrl : "D:\Downloads", 
        tooltip : undefined,    
        parameters : [], 
        change : [ function(oEvent) {
            var control = oEvent.getSource();
        }, this ],
        fileDeleted : [ function(oEvent) {
            var control = oEvent.getSource();
        }, this ],
        filenameLengthExceed : [ function(oEvent) {
            var control = oEvent.getSource();
        }, this ],
        fileRenamed : [ function(oEvent) {
            var control = oEvent.getSource();
        }, this ],
        fileSizeExceed : [ function(oEvent) {
            var control = oEvent.getSource();
        }, this ],
        typeMissmatch : [ function(oEvent) {
            var control = oEvent.getSource();
        }, this ],
        uploadComplete : [ function(oEvent) {
            var control = oEvent.getSource();
        }, this ],
        uploadTerminated : [ function(oEvent) {
            var control = oEvent.getSource();
        }, this ]
    });

【问题讨论】：

标签： jquery file-upload sapui5

【解决方案1】：

参数“uploadUrl”必须指向后端。这是我的 xml.view 示例：

                    <UploadCollection id="UploadCollection" xmlns="sap.m"
                        busy="false" busyIndicatorDelay="1000" maximumFilenameLength="55"
                        multiple="false" 
                        items="{Attachments}" 
                        showSeparators="None"
                        fileDeleted="onFileDeleted" 
                        fileRenamed="onFileRenamed"
                        uploadEnabled="true" 
                        uploadUrl="{NewModel>/AttachmentUploadUrl}"
                        uploadComplete="onUploadComplete"
                        UploadTerminated="onUploadTerminated"
                        change="onChange"> 
                        <UploadCollectionItem contributor="{CreatedByUserName}"
                            documentId="{AttachmentGuid}" 
                            fileName="{FileName}" 
                            mimeType="{MimeType}"
                            uploadedDate="{CreationUtcDateTime}"
                            url="{ path: 'url', formatter: 'ztl_mm_inv_apr.util.formatter.media_src' }"
                            enableEdit="false" enableDelete="false" />
                        <headerParameters>
                            <UploadCollectionParameter name="x-csrf-token"
                                value="{NewModel>/csfrToken}" />
                        </headerParameters>
                    </UploadCollection>

参数“NewModel/AttachmentUploadUrl”填写对应的视图控制器：

            // Path Upload Attachment
            // Example http://xyz.../sap/opu/odata/sap/ZUI5_MM_INV_APR_SRV/WorkitemSet(000000108068)/Attachments
            itemModel.AttachmentUploadUrl = window.location.origin + (oContext.getModel().sServiceUrl + sItemPath ) + "/Attachments" ;

【讨论】：