{"id":1179,"date":"2017-11-20T19:30:36","date_gmt":"2017-11-20T19:30:36","guid":{"rendered":"http:\/\/maquetando.com\/?p=1179"},"modified":"2017-11-21T03:08:04","modified_gmt":"2017-11-21T03:08:04","slug":"el-attributo-download","status":"publish","type":"post","link":"https:\/\/orpot.com\/blog\/el-attributo-download\/","title":{"rendered":"El atributo HTML5 download"},"content":{"rendered":"<p><a href=\"http:\/\/maquetando.com\/wp-content\/uploads\/2017\/11\/html5-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1181\" src=\"http:\/\/maquetando.com\/wp-content\/uploads\/2017\/11\/html5-1.jpg\" alt=\"\" width=\"616\" height=\"275\" srcset=\"https:\/\/orpot.com\/blog\/wp-content\/uploads\/2017\/11\/html5-1.jpg 616w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2017\/11\/html5-1-600x268.jpg 600w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2017\/11\/html5-1-300x134.jpg 300w\" sizes=\"(max-width: 616px) 100vw, 616px\" \/><\/a><\/p>\n<p>El atributo download\u00a0 es una forma rapida para forzar la descarga de un archivo, puede ser un archivo multimedia o un\u00a0 PDF o una p\u00e1gina web, etc. Esto es algo que sol\u00edamos\u00a0 hacer con\u00a0 c\u00f3digo del lado del servidor y funcionaba mas o menos as :<\/p>\n<p>Creabamos\u00a0 un archivo PHP\u00a0 force-download. php y pasabamos mediante una variable un argumento con el nombre del archivo a descargar.<\/p>\n<pre class=\"lang:xhtml decode:true\">&lt;a href=\"force-download.php?file=download-webpage.html\"&gt;Descargar pagina&lt;\/a&gt;<\/pre>\n<p>y del lado del servidor cont\u00e1bamos con el c\u00f3digo para forzar la descarga.<\/p>\n<pre class=\"lang:php decode:true\">function downloadFile($file){\r\n    $file_name = $file;\r\n    $mime = 'application\/force-download';\r\n    header('Pragma: public'); \t\/\/ required\r\n    header('Expires: 0');\t\t\/\/ no cache\r\n    header('Cache-Control: must-revalidate, post-check=0, pre-check=0');\r\n    header('Cache-Control: private',false);\r\n    header('Content-Type: '.$mime);\r\n    header('Content-Disposition: attachment; filename=\"'.basename($file_name).'\"');\r\n    header('Content-Transfer-Encoding: binary');\r\n    header('Connection: close');\r\n    readfile($file_name);\r\n    exit();\r\n}<\/pre>\n<p>Esto es cosa del pasado, hoy basta con\u00a0 \u00a0agregar a nuestro en enlace el atributo download y el navegador har\u00e1 el resto.<\/p>\n<pre class=\"lang:default decode:true\">&lt;a href=\"download-webpage.html\" download&gt;Download Webpage HTML&lt;\/a&gt;<\/pre>\n<p>Puedes consultar la compatibilidad <a href=\"https:\/\/caniuse.com\/#feat=download\">aqui<\/a> , pr\u00e1cticamente es admitido por todos los navegadores a excepci\u00f3n de Safari en IOs y Opera mini<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El atributo download\u00a0 es una forma rapida para forzar la descarga de un archivo, puede&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1180,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[124,125,94],"_links":{"self":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1179"}],"collection":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/comments?post=1179"}],"version-history":[{"count":5,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1179\/revisions"}],"predecessor-version":[{"id":1186,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1179\/revisions\/1186"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media\/1180"}],"wp:attachment":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media?parent=1179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/categories?post=1179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/tags?post=1179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}