FileUploader - Use only one button (browse) to upload file

[former_member182374]

Hello Experts,

The default behavior of the SAP FileUploader control is two buttons for uploading file: Browse & Upload.

https://sapui5.netweaver.ondemand.com/explored.html#/sample/sap.ui.unified.sample.FileUploaderBasic/...

Is it possible to use only the Browse button and upload the file when the user selects a file from the OS file dialog (like Gmail for example)?

Regards,

Omri

[Former Member · Accepted solution]

Hi Omri,

yes it is!

Just implement the "change" event and trigger the upload function in it:

onChange: function(oEvent){
  var oUploader = oEvent.getSource(); 

  oUploader.addHeaderParameter(new sap.ui.unified.FileUploaderParameter({name: "x-csrf-token", 
  value:oModel.getSecurityToken() 

  }))

  oUploader.upload();
  },

If you get an "403 - Forbidden"-Error just set the Property "sendXHR" of the FileUploader to true.

Regards,

Sascha

[former_member182374 · Accepted solution]

Thanks!