dos ejemplos pr\u00e1cticos para comprender mejor los conceptos<\/strong>.<\/p>\nGesti\u00f3n de ficheros en Cliente SAP Gateway<\/h2>\n Para comenzar, subiremos desde el\u00a0Cliente SAP Gateway<\/strong>\u00a0una imagen al set de entidad FicheroSet que creamos anteriormente. Para ello, es importante recordar pulsar en\u00a0POST<\/strong>, pues queremos enviar informaci\u00f3n al oData.<\/p>\n\n
<\/p>\n
Si probamos a subir un fichero pulsando en\u00a0\u201cAdd File\u201d<\/strong>, comprobaremos que se guarda sin nombre ni extensi\u00f3n. Su contenido s\u00ed se almacena correctamente, pero no resulta \u00f3ptimo puesto que, si lo queremos descargar, al no tener extensi\u00f3n no podremos abrirlo directamente.<\/p>\nPor ello,\u00a0es importante, antes de subir un fichero, a\u00f1adir el par\u00e1metro SLUG y darle el nombre, con extensi\u00f3n incluida<\/strong>, del archivo.<\/p>\n\n
<\/p>\n
Al a\u00f1adir la imagen vemos que tambi\u00e9n nos genera autom\u00e1ticamente un valor para\u00a0X-CSRF-Token<\/strong>. Este es un token v\u00e1lido solo para la sesi\u00f3n actual y, gracias a \u00e9l, se evita que se puedan realizar peticiones no autorizadas, aumentando as\u00ed la seguridad.<\/p>\nUna vez ejecutada la subida del archivo, si volvemos a pulsar en\u00a0\u201cGET\u201d<\/strong>\u00a0para obtener los datos de\u00a0FicheroSet<\/strong>, comprobamos que se ha guardado correctamente.<\/p>\n\n
<\/p>\n
La extensi\u00f3n se guardar\u00e1 en el\u00a0Mimetype<\/strong>, en este caso como\u00a0image\/png,<\/strong>\u00a0gracias a lo cual esta vez al descargar el archivo s\u00ed se abrir\u00e1 correctamente como una imagen PNG. Para realizar la prueba podemos acceder desde el navegador a nuestro servicio oData incluyendo lo siguiente:<\/p>\nFicheroSet(\u2018000001\u2019)\/$value<\/strong><\/p>\nEsto nos permitir\u00e1 obtener el primer fichero (con clave primaria 000001) y comprobar que se abre sin problemas.<\/p>\n\u00a0<\/h1>\nGesti\u00f3n de ficheros en aplicaci\u00f3n SAPUI5<\/h2>\n Tras las pruebas realizadas en el\u00a0Cliente SAP Gateway,\u00a0<\/strong>se realiza de ejemplo una sencilla aplicaci\u00f3n Fiori que permite la subida de archivos. Para ello, se crea una vista que contenga el control\u00a0FileUploader<\/strong>, adem\u00e1s de una lista que muestre los datos de\u00a0FicheroSet.<\/strong><\/p>\n\n
<\/p>\n
Gracias a\u00a0FileUploader<\/strong>, pulsando en el bot\u00f3n\u00a0\u201cNavegar\u2026\u201d\u00a0<\/strong>es posible encontrar cualquier fichero que deseemos a\u00f1adir. A continuaci\u00f3n, tras pulsar en\u00a0\u201cSubir fichero\u201d<\/strong>, a la derecha, el archivo que hayamos seleccionado se insertar\u00e1 en la base de datos.<\/p>\n\n
<\/p>\n
Para hacer esto posible, dicho bot\u00f3n llama a un m\u00e9todo del controlador que obtiene la URL y los par\u00e1metros necesarios:<\/p>\n
\n
<\/p>\n
Podemos observar que se obtiene el token X-CSRF-Token, mencionado anteriormente, adem\u00e1s del nombre del fichero (Slug), su contenido y su MimeType para conocer la extensi\u00f3n.<\/strong><\/p>\nEl tratamiento de ficheros es necesario en muchas\u00a0aplicaciones Fiori<\/strong>, por lo que esperamos que este art\u00edculo te haya resultado de utilidad para conocer los conceptos principales.<\/p>\nSi tienes cualquier duda puedes dejarnos tus preguntas en los comentarios o ponerte en contacto con nuestra \u00e1rea de\u00a0User Experience & Integraci\u00f3n<\/strong>.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”M\u00e1s informaci\u00f3n” _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”]<\/p>\n
M\u00e1s informaci\u00f3n:<\/p>\n
[\/et_pb_text][et_pb_button button_url=”https:\/\/orekait.com\/es\/area-personalizacion” button_text=”M\u00e1s informaci\u00f3n” module_class=”entrada-btn” _builder_version=”4.25.2″ _module_preset=”default” custom_button=”on” button_text_color=”#8156EA” button_bg_color=”RGBA(255,255,255,0)” button_border_color=”#8156EA” button_border_radius=”30px” button_font=”Plus Jakarta Sans|600|||||||” button_icon=”$||divi||400″ button_icon_color=”#8156EA” button_on_hover=”off” hover_enabled=”0″ global_colors_info=”{}” button_text_color__hover_enabled=”on|desktop” button_text_color__hover=”#8156EA” button_bg_color__hover_enabled=”on|hover” button_bg_color__hover=”#8156EA” button_bg_enable_color__hover=”on” button_icon_color__hover_enabled=”on|hover” button_icon_color__hover=”#ffffff” url_new_window=”on” sticky_enabled=”0″][\/et_pb_button][et_pb_divider show_divider=”off” _builder_version=”4.25.2″ _module_preset=”default” custom_margin=”||40px||false|false” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=”on” admin_label=”Noticias relacionadas titulo” module_id=”fondo-articulos” _builder_version=”4.25.2″ _module_preset=”default” background_color=”#f7f7f7″ width=”100%” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_divider show_divider=”off” _builder_version=”4.25.2″ _module_preset=”default” background_color=”RGBA(255,255,255,0)” custom_margin=”||40px||false|false” global_colors_info=”{}”][\/et_pb_divider][et_pb_heading title=”Quizas te pueda interesar” _builder_version=”4.25.2″ _module_preset=”default” title_level=”h2″ title_text_align=”center” global_colors_info=”{}”][\/et_pb_heading][et_pb_divider show_divider=”off” _builder_version=”4.25.2″ _module_preset=”default” custom_margin=”||30px||false|false” global_colors_info=”{}”][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”Noticias relacionadas” _builder_version=”4.25.2″ _module_preset=”default” width=”100%” custom_margin=”-150px||||false|false” custom_margin_tablet=”0px||||false|false” custom_margin_phone=”0px||||false|false” custom_margin_last_edited=”on|desktop” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_blog fullwidth=”off” posts_number=”3″ include_categories=”current” show_author=”off” show_date=”off” show_pagination=”off” _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
En el\u00a0art\u00edculo anterior\u00a0redefinimos varias\u00a0funciones de un servicio oData para poder gestionar ficheros. A continuaci\u00f3n, veremos\u00a0dos ejemplos pr\u00e1cticos para comprender mejor los conceptos. Gesti\u00f3n de ficheros en Cliente SAP Gateway Para comenzar, subiremos desde el\u00a0Cliente SAP Gateway\u00a0una imagen al set de entidad FicheroSet que creamos anteriormente. Para ello, es importante recordar pulsar en\u00a0POST, pues queremos enviar […]<\/p>\n","protected":false},"author":3,"featured_media":8498,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Lorem ipsum dolor sit amet consectetur adipiscing elit congue montes, imperdiet taciti erat elementum fermentum sem ante ultrices ridiculus, sagittis sociis egestas quisque ac semper quis odio. Aenean hendrerit ac metus dis nascetur aliquet mollis integer, rutrum vel laoreet posuere proin sagittis luctus est, tempus duis nisl ultrices parturient tempor praesent. Dignissim curabitur nascetur pellentesque augue fringilla pulvinar eros, tempus fames vehicula maecenas cubilia id, rutrum euismod integer ut scelerisque mus.\r\n\r\nVivamus auctor odio aenean rhoncus natoque dictum purus, volutpat pellentesque laoreet ridiculus consequat nisi varius euismod, augue platea convallis curae magnis taciti. Imperdiet nibh curabitur quisque orci consequat aenean pellentesque, cubilia duis senectus felis sed posuere tortor, magnis enim diam a odio sociis. Enim tellus nisl nec molestie augue luctus tempor habitant, nunc dictumst phasellus volutpat sem facilisis taciti, habitasse laoreet at turpis vel fermentum vulputate.","_et_gb_content_width":"","footnotes":""},"categories":[51,53],"tags":[],"class_list":["post-8496","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience-integracion","category-sap-fiori-ux"],"_links":{"self":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/8496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/comments?post=8496"}],"version-history":[{"count":9,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/8496\/revisions"}],"predecessor-version":[{"id":21524,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/8496\/revisions\/21524"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/media\/8498"}],"wp:attachment":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/media?parent=8496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/categories?post=8496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/tags?post=8496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/orekait.com\/wp-content\/uploads\/2021\/06\/image001-2.png\")
<\/figure>\n<\/div>\n![\"\"](\"https:\/\/orekait.com\/wp-content\/uploads\/2021\/06\/image002.png\")
<\/figure>\n<\/div>\n![\"\"](\"https:\/\/orekait.com\/wp-content\/uploads\/2021\/06\/image003-1.png\")
<\/figure>\n<\/div>\n![\"\"](\"https:\/\/orekait.com\/wp-content\/uploads\/2021\/06\/image004.png\")
<\/figure>\n![\"\"](\"https:\/\/orekait.com\/wp-content\/uploads\/2021\/06\/image005.png\")
<\/figure>\n<\/div>\n![\"\"](\"https:\/\/orekait.com\/wp-content\/uploads\/2021\/06\/image006.png\")
<\/figure>\n<\/div>\n![\"\"](\"https:\/\/orekait.com\/wp-content\/uploads\/2021\/06\/image007.png\")
<\/figure>\n<\/div>\n