Создание oData сервиса. Часть 7. Загрузка файла с фронтенда.

И так, друзья. Давайте попробуем получить файл с богомерзкого фронтенда в наш теплый ламповый ABAP.
Первый делом необходимо добавить в нашу сущность два поля. Строго говоря проблема будет именно если не сделаем поле MIME-типа

Переопределим метод DEFINE к классе Z*_MPC_EXT

  METHOD define.

    super->define( ).
  
    DATA(lo_entity_type) = model->get_entity_type('Update').
    IF lo_entity_type IS BOUND.
      lo_entity_type->set_is_media( ).
      DATA(lo_property) = lo_entity_type->get_property('File').
      lo_property->set_as_content_source( ).
      lo_property = lo_entity_type->get_property('MimeType').
      lo_property->set_as_content_type( ).
    ENDIF.

  ENDMETHOD.

METHOD define.

super->define( ).

DATA(lo_entity_type) = model->get_entity_type('Update').

IF lo_entity_type IS BOUND.

lo_entity_type->set_is_media( ).

DATA(lo_property) = lo_entity_type->get_property('File').

lo_property->set_as_content_source( ).

lo_property = lo_entity_type->get_property('MimeType').

lo_property->set_as_content_type( ).

ENDIF.

ENDMETHOD.

Переопределим метод UPDATE

Файл будет находиться во входной структуре IS_MEDIA_RESOURCE
Проверим зайдя в транзакцию /IWFND/GW_CLIENT - SAP Gateway Client

В отладчике можем посмотреть, что получаем

В отладке метода UPDATE_STREAM можем увидеть всё что передали с запросом.

что делать с файлом, думаю, разберетесь сами

Вот такой ответ получим в SAP Gateway Client

сервис готов, если не считать обработки самого файла, но в рамках данной статьи это не требуется
Рассмотрим передачу файла с фронтенда.

Для начала отрисуем кнопку

<l:VerticalLayout>
              <u:FileUploader
                            id="fileUploader"
                            name="myFileUpload"
                            uploadUrl="upload/"
                            tooltip=" "
                          uploadComplete="handleUploadComplete"/>
             <Button
                             text="Upload File"
                            press="onSendFileToSap"/>
</l:VerticalLayout>

<l:VerticalLayout>

<u:FileUploader

id="fileUploader"

name="myFileUpload"

uploadUrl="upload/"

tooltip=" "

uploadComplete="handleUploadComplete"/>

<Button

text="Upload File"

press="onSendFileToSap"/>

</l:VerticalLayout>

В контроллере обработаем событие нажатия

onSendFileToNexus: function (oEvent) {
            var oFileUpload = this.getView().byId("fileUploader");
            var domRef = oFileUpload.getFocusDomRef();
            var file = domRef.files[0];
            var that = this;
            this.fileName = file.name;
            this.fileType = file.type;
            var reader = new FileReader();

onSendFileToNexus: function (oEvent) {

var oFileUpload = this.getView().byId("fileUploader");

var domRef = oFileUpload.getFocusDomRef();

var file = domRef.files[0];

var that = this;

this.fileName = file.name;

this.fileType = file.type;

var reader = new FileReader();

В контроллере обработаем событие нажатия

onSendFileToNexus: function (oEvent) {
            var oFileUpload = this.getView().byId("fileUploader");
            var domRef = oFileUpload.getFocusDomRef();
            var file = domRef.files[0];
            var that = this;
            this.fileName = file.name;
            this.fileType = file.type;
            var reader = new FileReader();
           reader.onload = function (e) { 
               //debugger
               var vContent = e.currentTarget.result
               
               var payLoad={
                     Filename:file.name,
                     Filetype:file.type,
                     Filecontent:vContent
               }

               that.putFile(payLoad);
                  

          };
            reader.readAsDataURL(file);
        },

        putFile: function(payLoad){ 
            return new Promise(function (resolve, reject) {
                this.getView().getModel("odataSS").update("/UploadSet('')/$value",payLoad, {
                    method: "PUT",
                    success: function (res) {
                        resolve(res);
                    },
                    error: function (err) {
                        reject(err)
                    }
                });
            }.bind(this));
             
        }

onSendFileToNexus: function (oEvent) {

var oFileUpload = this.getView().byId("fileUploader");

var domRef = oFileUpload.getFocusDomRef();

var file = domRef.files[0];

var that = this;

this.fileName = file.name;

this.fileType = file.type;

var reader = new FileReader();

reader.onload = function (e) {

//debugger

var vContent = e.currentTarget.result

var payLoad={

Filename:file.name,

Filetype:file.type,

Filecontent:vContent

}

that.putFile(payLoad);

};

reader.readAsDataURL(file);

putFile: function(payLoad){

return new Promise(function (resolve, reject) {

this.getView().getModel("odataSS").update("/UploadSet('')/$value",payLoad, {

method: "PUT",

success: function (res) {

resolve(res);

error: function (err) {

reject(err)

}

});

}.bind(this));

}

Добавить комментарий Отменить ответ