当前位置：网站首页>Upload local file trial version using SAP ui5 fileuploader control

Upload local file trial version using SAP ui5 fileuploader control

2022-07-26 00:48:00 【Wang Zixi】

One suit SAP UI5 A step-by-step learning tutorial for beginners

Author's brief introduction

Jerry Wang,2007 After graduating from the University of Electronic Science and technology with a master's degree in computer science, he joined SAP Chengdu Research Institute has worked so far .Jerry yes SAP Community mentors ,SAP Chinese technical Ambassador . In a 15 Year of SAP Standard product development career ,Jerry Once participated in SAP Business ByDesign, SAP CRM, SAP Cloud for Customer, SAP S/4HANA, SAP Commerce Cloud( E-commerce cloud ) And other standard products .

Jerry Use in work ABAP, Java, JavaScript and TypeScript Development , Yes, including SAP UI5 More than one SAP Self research framework has in-depth research .

Tutorial directory

explain

Jerry from 2014 To join in SAP Chengdu Research Institute CRM Fiori After that, the development team began to contact SAP UI5, Once in the SAP Communities and “ Wang Zixi ” There are many articles on WeChat official account SAP UI5 Working principle and source code analysis article .

stay Jerry This article Yes SAP UI5 A novice who knows nothing , Which materials are better to start with ？ It was mentioned that ,Jerry Also from the SAP UI5 Rookies come all the way , Knowing that only ABAP Developers with development background , towards SAP UI5 It is not easy to transform the development field , So I designed this job in my spare time SAP UI5 Different levels Learning tutorials for learners , Develop a complete SAP UI5 Application process , Split into several steps , Make every effort to , Cover all the knowledge points involved in .

These knowledge points may not be like mine UI5 The source code analysis series is so in-depth , But try to explain in simple terms , Important knowledge points are accompanied by detailed screenshots to assist the text introduction , Facilitate the understanding of tutorial learners .

The source code for each step of this tutorial , All stored in my Github On , Use folders separately 01,02,03 Wait to identify , For example, steps 1 The source code of is here .

Each step is based on the previous step , Added several new features . Suggest zero basis or to SAP UI5 Little known SAP UI5 beginner , Learn step by step from the first step in order , Download the code locally , With the text explanation of the tutorial , Do it yourself , To deepen understanding .

For already There is a certain foundation Of SAP UI5 Developer , You can use the contents of this article , Skip the previous basic chapter , Direct selection is related to your work project , Or include some knowledge points and chapters that you haven't mastered yet to study pertinently .

If you have any questions about each step of the tutorial , Welcome to give me comments in the corresponding step article of the tutorial , Leave a message . Although I am usually busy with development , But I promise I will check the comments you left me regularly , For the technical questions involved , I will Take time to answer .

Use SAP UI5 FileUploader Control to upload local files

We can use SAP UI5 Provided FileUploader Control , Upload the local file to the remote server for storage . The remote server is responsible for the logic of receiving uploaded files , You can take Java,Node.js perhaps ABAP And any programming language .

Local file upload is also one of the important means for end users to interact with file servers , So file upload is the theme , This tutorial will be introduced continuously through several articles .

The author also realizes another failure SAP UI5 FileUploader Control , It's direct use HTML Native input File upload scenario implemented by element , Interested friends can read this article ： Use HTML input Element upload local file , Print the uploaded content on the server .

Let's look at the scenario after this step .

Click on Browser Button , Select a local text file 1.txt：

The contents of this text file are as follows ：

Click on Upload File, Can see a Upload finished! Message popup for ：

meanwhile Chrome Developer tools network Inside the tab , You can see the returned from the server File uploaded ok! Response message for .

Switch to the command line window of the file server , See what is printed on the console file name: 1.txt size: 10 The news of , This is what the server received SAP UI5 FileUploader The uploaded 1.txt After the document , Print out the file name and file size .