{"id":10,"date":"2023-12-17T11:20:34","date_gmt":"2023-12-17T14:20:34","guid":{"rendered":"http:\/\/mercadosorteo.com\/index.php\/2023\/12\/17\/crear-una-pagina-para-cargar-imagenes-y-datos-en-un-formulario-3\/"},"modified":"2023-12-17T11:20:34","modified_gmt":"2023-12-17T14:20:34","slug":"crear-una-pagina-para-cargar-imagenes-y-datos-en-un-formulario-3","status":"publish","type":"post","link":"https:\/\/mercadosorteo.com\/index.php\/2023\/12\/17\/crear-una-pagina-para-cargar-imagenes-y-datos-en-un-formulario-3\/","title":{"rendered":"Crear una p\u00e1gina para cargar im\u00e1genes y datos en un formulario"},"content":{"rendered":"<p>Crear una p\u00e1gina en la que los usuarios puedan cargar im\u00e1genes y datos en un formulario es una tarea sencilla y \u00fatil. En este art\u00edculo, te mostrar\u00e9 c\u00f3mo hacerlo utilizando HTML y SharePoint.<\/p>\n<h2>Formulario de carga de im\u00e1genes y datos<\/h2>\n<p>El formulario constar\u00e1 de los siguientes campos:<\/p>\n<ul>\n<li>Nombre y apellido del chofer: <input type=\"text\" required><\/li>\n<li>DNI: <input type=\"number\" required><\/li>\n<li>Patente del tractor: <input type=\"text\" required><\/li>\n<li>Patente del semi: <input type=\"text\" required><\/li>\n<li>Proveedor: <input type=\"text\"><\/li>\n<li>N\u00famero de gu\u00eda: <input type=\"number\" required><\/li>\n<li>Punto de origen: <input type=\"text\" required><\/li>\n<li>Punto final: <input type=\"text\" required><\/li>\n<li>Adicional Boca de Carga: <input type=\"text\"><\/li>\n<li>Tarifa: <input type=\"number\" required><\/li>\n<li>Adicional Boca de Carga: <input type=\"number\"><\/li>\n<\/ul>\n<p>Para cargar las im\u00e1genes, se utilizar\u00e1 un bot\u00f3n que permitir\u00e1 al usuario seleccionar una o varias im\u00e1genes desde la galer\u00eda de su tel\u00e9fono celular. El c\u00f3digo HTML para el bot\u00f3n ser\u00eda el siguiente:<\/p>\n<p><code>&lt;input type=\"file\" accept=\"image\/*\" multiple&gt;<\/code><\/p>\n<p>Una vez que el usuario haya completado todos los campos y seleccionado las im\u00e1genes, podr\u00e1 hacer clic en el bot\u00f3n de enviar para enviar los datos y las im\u00e1genes al administrador de la p\u00e1gina.<\/p>\n<h2>Guardando los datos en SharePoint<\/h2>\n<p>Para guardar los datos en un archivo Excel en SharePoint, el administrador de la p\u00e1gina deber\u00e1 configurar la conexi\u00f3n entre el formulario y SharePoint. Esto se puede hacer utilizando herramientas como Power Automate o SharePoint Designer.<\/p>\n<p>Una vez configurada la conexi\u00f3n, cada vez que un usuario env\u00ede el formulario, los datos se guardar\u00e1n autom\u00e1ticamente en el archivo Excel especificado por el administrador.<\/p>\n<h2>Guardando las im\u00e1genes en SharePoint<\/h2>\n<p>Para guardar las im\u00e1genes en una carpeta de SharePoint, el administrador de la p\u00e1gina deber\u00e1 crear una biblioteca de documentos en SharePoint y configurar la conexi\u00f3n entre el formulario y esa biblioteca.<\/p>\n<p>Una vez configurada la conexi\u00f3n, cada vez que un usuario seleccione y env\u00ede las im\u00e1genes, estas se guardar\u00e1n autom\u00e1ticamente en la carpeta especificada por el administrador.<\/p>\n<p>Crear una p\u00e1gina para cargar im\u00e1genes y datos en un formulario es una excelente manera de recopilar informaci\u00f3n de manera organizada y eficiente. Con HTML y SharePoint, es posible lograrlo de manera sencilla y sin complicaciones.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Crear una p\u00e1gina en la que los usuarios puedan cargar im\u00e1genes y datos en un formulario es una tarea sencilla y \u00fatil. En este art\u00edculo, te mostrar\u00e9 c\u00f3mo hacerlo utilizando HTML y SharePoint. Formulario de carga de im\u00e1genes y datos El formulario constar\u00e1 de los siguientes campos: Nombre y apellido del chofer: DNI: Patente del &#8230; <a title=\"Crear una p\u00e1gina para cargar im\u00e1genes y datos en un formulario\" class=\"read-more\" href=\"https:\/\/mercadosorteo.com\/index.php\/2023\/12\/17\/crear-una-pagina-para-cargar-imagenes-y-datos-en-un-formulario-3\/\" aria-label=\"More on Crear una p\u00e1gina para cargar im\u00e1genes y datos en un formulario\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-10","post","type-post","status-publish","format-standard","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/mercadosorteo.com\/index.php\/wp-json\/wp\/v2\/posts\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mercadosorteo.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mercadosorteo.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mercadosorteo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mercadosorteo.com\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":0,"href":"https:\/\/mercadosorteo.com\/index.php\/wp-json\/wp\/v2\/posts\/10\/revisions"}],"wp:attachment":[{"href":"https:\/\/mercadosorteo.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mercadosorteo.com\/index.php\/wp-json\/wp\/v2\/categories?post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mercadosorteo.com\/index.php\/wp-json\/wp\/v2\/tags?post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}