如何在 SAPUI5 中上传文件 [英] How to Upload files in SAPUI5

查看：94 发布时间：2021/7/14 20:24:12 sapui5

本文介绍了如何在 SAPUI5 中上传文件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如何使用 SAPUI5 在 SAP Netweaver 服务器中上传文件?我尝试使用 FileUploader 上传文件，但没有运气，如果有人可以提供帮助，将不胜感激.提前致谢

解决方案

在对这个问题进行了更多研究后，我终于自己解决了这个问题，我在 php 中放置了一个文件控制器和一个上传器进一步返回与文件相关的详细信息，我们可以使用它将其上传到服务器上.

这是我用过的代码.

<块引用>

fileUpload.html

<html><head><meta http-equiv='X-UA-Compatible' content='IE=edge'/><title>Hello World</title><script id='sap-ui-bootstrap' src='http://localhost/resources/sap-ui-core.js' data-sap-ui-theme='sap_goldreflection'data-sap-ui-libs='sap.ui.commons'></script><脚本>var layout = new sap.ui.commons.layout.MatrixLayout();layout.setLayoutFixed(false);//创建上传器并禁用自动上传var oFileUploader2 = new sap.ui.commons.FileUploader("myupload",{名称:上传2"，上传更改:真，uploadUrl: "uploader.php",上传完成:函数(oEvent){var sResponse = oEvent.getParameter("response");如果(s响应){警报(响应)；}}});layout.createRow(oFileUploader2);//创建第二个按钮来触发上传var oTriggerButton = new sap.ui.commons.Button({text:'触发上传',按:功能(){//调用上传方法oFileUploader2.upload();$("#myupload-fu_form").submit();警报(嗨")；}});layout.createRow(oTriggerButton);layout.placeAt("sample2");<body class='sapUiBody'><div id="sample2"></div></html>

<块引用>

上传者.php

How to upload file in SAP Netweaver server using SAPUI5? I tried to upload file using FileUploader but did not get the luck if any one can help it will be very appreciated . Thanks in Advance

解决方案

After researching a little more on this issue I finally solved this issue by myself I placed a file controller and a uploader in php which return the details related to files further, we can use it to upload it on server.

Here is the code I have used.

fileUpload.html

<!DOCTYPE html>  
<html><head>  
    <meta http-equiv='X-UA-Compatible' content='IE=edge' />  
    <title>Hello World</title>  

    <script id='sap-ui-bootstrap' src='http://localhost/resources/sap-ui-core.js' data-sap-ui-theme='sap_goldreflection'  
    data-sap-ui-libs='sap.ui.commons'></script>   

<script>  
    var layout = new sap.ui.commons.layout.MatrixLayout();
    layout.setLayoutFixed(false);
    // create the uploader and disable the automatic upload
    var oFileUploader2 = new sap.ui.commons.FileUploader("myupload",{
                         name: "upload2",
                         uploadOnChange: true,
                         uploadUrl: "uploader.php",
                         uploadComplete: function (oEvent) {
    var sResponse = oEvent.getParameter("response");
    if (sResponse) {
        alert(sResponse);
    }
    }});                        
    layout.createRow(oFileUploader2);
    // create a second button to trigger the upload
    var oTriggerButton = new sap.ui.commons.Button({
                         text:'Trigger Upload',
                         press:function() {
    // call the upload method
    oFileUploader2.upload();

    $("#myupload-fu_form").submit();
    alert("hi");
    }
    });
    layout.createRow(oTriggerButton);
    layout.placeAt("sample2");                
</script>

</head>
<body class='sapUiBody'>
    <div id="sample2"></div>  
</body>
</html>

uploader.php

<?php
    print_r($_FILES);
?>

这篇关于如何在 SAPUI5 中上传文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

如何在 SAPUI5 中上传文件 [英] How to Upload files in SAPUI5

问题描述

相关文章

其他开发最新文章

热门教程

热门工具

登录关闭

如何在 SAPUI5 中上传文件 [英] How to Upload files in SAPUI5

问题描述

相关文章

其他开发最新文章

热门教程

热门工具

登录 关闭

登录关闭