如何在sap ui5中的odata字符串中显示和下载从后端拉出的前端文件 | ui5中的odata字符串中显示和下载从后端拉出的前端文件

本文介绍了如何在sap ui5中的odata字符串中显示和下载从后端拉出的前端文件的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在 SAP UI5 中，我试图在前端显示任何格式(pdf、word、jpg)的文件，这些文件是使用 odata 从后端拉出来的.在前端，我在表中显示了数据 - 字段(文件名、扩展名、大小、附件链接).我想要实现的是，当用户点击附件链接时，应该创建指定格式的文件并显示给用户.

In SAP UI5, I am trying to display files of any format(pdf, word, jpg) in front-end which are pulled from the back-end using odata.In front-end, I have displayed the data in a table- Fields (File name , extension, size, Attachement link).What i want to achieve, when user clicks on attachment link, the file of the specified format should be created and displayed to the user.

推荐答案

您可以查看 sap.ui.core.util.File save 方法.下面的工作示例.

You can check sap.ui.core.util.File save method. Working example below.

sap.ui.define([
	"sap/ui/core/util/File"])
 sap.ui.getCore().attachInit(function() {
   "use strict";
   sap.ui.controller("MyController", {
     onInit: function() {

     }
   });
   sap.ui.xmlview({
     viewContent: jQuery("#myView").html()
   	}).placeAt("content");
 	 });

 doDownload = function(oEvent) {
   sap.ui.core.util.File.save("csv content", "myfile", "csv", "text/csv");
 }

<!DOCTYPE html>
<title>SAPUI5</title>
<script src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js" id="sap-ui-bootstrap" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-libs="sap.m" data-sap-ui-bindingSyntax="complex" data-sap-ui-compatVersion="edge" data-sap-ui-preload="async"></script>

<script id="myView" type="ui5/xmlview">
  <mvc:View controllerName="MyController" xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc"
  xmlns:layout="sap.ui.commons.layout">

    <layout:MatrixLayout>
    	<layout:rows>
      	<layout:MatrixLayoutRow>
        	<layout:MatrixLayoutCell padding="None">

                <Button text="Download CSV" press="doDownload" />

        	</layout:MatrixLayoutCell>
        </layout:MatrixLayoutRow>
      </layout:rows>
    </layout:MatrixLayout>


  </mvc:View>
</script>

<body class="sapUiBody">
  <div id="content"></div>
</body>

注意:我之前回答过同样的问题.我在这里复制/过去我的答案.因为我无法将此问题标记为与旧问题重复.

NOTE: I answer same question before. I copy/past my answer here. Because I cannot flag this question as duplicated with old one.

这篇关于如何在sap ui5中的odata字符串中显示和下载从后端拉出的前端文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！