SAPUI5 업로드 사진이나 다른 파일 프런트 엔드

때문에 지역 환경 설정 쿠키 문제, 그래서 여기에 웹 IDE 개발 테스트를 사용하여, Eclipse를 사용하지 않도록합니다.

(1) 신 app.json 대상 파일에 도입된다. 당신은 수동으로 추가 할 수 없습니다 추가 중 하나로, OData 서비스에 해당하는 manifest.json을보기 관리자 서버를 사용할 수있다.

  아약스는 http 프로토콜이 블록의 경우입니다 경우에도 HTTPS의 사용을 방지 할 수 있습니다.

 

 

XMLNS 소개 필요한보기 제어에 사용 FileUploader 2 : U = "sap.ui.unified" 

< MVC : 뷰 컨트롤러 명 = "ZDEMO_UPLOAD.ZDEMO_UPLOAD.controller.App"  
    의 xmlns : MVC = "sap.ui.core.mvc" 의 xmlns = "sap.m" 의 xmlns : l = "sap.ui.layout" 의 xmlns : U = "sap.ui.unified" displayBlock = "진정한" > 
    < 쉘 ID = "쉘" > 
        < 앱의 ID = "응용 프로그램" > 
            < 페이지 > 
                < 페이지 ID = "페이지" 제목 = "{국제화> 제목}" > 
                    < 내용 >
                        < L : VerticalLayout > 
                            <U : FileUploader
                                 ID = "idfileUploader" 
                                이름 = "myFileUpload" 
                                툴팁 = "로컬 서버에 파일을 업로드" 
                                uploadComplete = "handleUploadComplete" /> 
                            < 버튼
                                 텍스트 = "파일 업로드" 
                                를 눌러 = "handleUploadPress" /> 
                            < 이미지
                                 SRC = "HTTP : //图片服务地址/sap/opu/odata/sap/ZDEMO_FILE_SRV/FileSet('bb2.jpg')/$value"
                                densityAware = "거짓"
                                폭 = "1000px"  > 
                                < layoutData > 
                                    < FlexItemData growFactor = "1"  /> 
                                </ layoutData > 
                            </ 콘텐츠 > 
                        </ L : VerticalLayout > 
                    </ 콘텐츠 > 
                </ 페이지 > 
            </ 페이지 > 
        </ 애플리케이션 > 
    </ 쉘 > 
</ MVC :보기 >

 

는 x-CSRF 토큰의 값을 얻기 위해 3 사용 아약스 GET 작업, 다음 파일 시스템에 넣어 획득 한 요청 헤더에.

   파일 형식을 설정하는 데주의를 기울여야 할 필요성을 넣어, 나는 여기,이 contentType이 설정되어 이미지를 업로드 : [ "이미지 / JPEG"를, 제어 idfileUploader 파일에 업로드 파일 개체를.

sap.ui.define ([
     "SAP / UI / 타사 / JQuery와" ,
     "SAP / UI / 코어 / MVC / 컨트롤러" ,
     "SAP / UI / 모델 / 하나로, OData / V2 / ODataModel" 
, 함수 (jQuery를, 컨트롤러, ODataModel) {
     "엄격한 사용" ;
     반환 Controller.extend를 ( "ZDEMO_UPLOAD.ZDEMO_UPLOAD.controller.App" , { 

        의 onInit : 함수 () {
             // oModel = this.getOwnerComponent ()을 getModel ( "는 FileUpload");. 
        }, 
        
        handleUploadPress을 : 함수 (oEvent) { 

            var에 푸 = 이 .getView () byId ( "idfileUploader." );
            했다domRef = fU.getFocusDomRef ();
            VAR의 파일 domRef.files = [0 ];
            경우 (파일) { 
                jQuery.ajax ({ 
                    URL : "/ SAP / OPU / 중 하나로, OData / SAP / ZDEMO_FILE_SRV /" , 
                    유형 : "GET" , 
                    비동기 : 거짓 , 
                    beforeSend : 기능 (XHR) { 
                        xhr.setRequestHeader ( "X- CSRF 토큰 "", "페치 ) 
                    } 
                    성공 : 기능 (데이터 textStatus, XMLHttpRequest 객체) {
                        VAR oToken = XMLHttpRequest.getResponseHeader ( "X-CSRF 토큰" ); 
                        
                        var에 oHeaders = {
                                 "X-CSRF 토큰" : oToken 
                                }; 
                                
                        CONSOLE.LOG (oToken); 

                        jQuery.ajax ({ 
                            유형 : "PUT" , 
                            URL : "/sap/opu/odata/SAP/ZDEMO_FILE_SRV/FileSet('bb2.jpg')/$value" , 
                            헤더 : oHeaders, 
                            캐시 : 거짓 , 
                            processData : 거짓 ,
                            contentType이 : "화상 / JPEG" , 
                            데이터 : 파일 
                            성공 : 기능 (데이터 textStatus, XMLHttpRequest 객체) { 
                                CONSOLE.LOG ( "성공 넣어" ); 
                            } 
                            오류 : 함수 (하나로, OData) { 
                                CONSOLE.LOG는 ( "오류 넣어" ); 
                            } 
                        }); 
                    } 
                    오류 : 함수 (하나로, OData) { 
                        CONSOLE.LOG ("오류" ); 
                    } 
                }); 
            } 
        } 
    }); 
});

4 테스트. 난 그냥 넣어 파일 이름을 정의 URL : "/sap/opu/odata/SAP/ZDEMO_FILE_SRV/FileSet('bb3.jpg')/$value"

  

 

   GUI에서, 우리는이 문서 BB3 볼 수 있습니다, 자신의 유형은 이미지 / JPEG입니다

 

 

 5 얻을 

  

 

 

 

 

 참조 :

https://blogs.sap.com/2017/05/17/sapui5-ms-excel-file-upload/

 https://blogs.sap.com/2015/04/27/file-upload-using-sapui5-control/