{"id":3628,"date":"2020-07-13T18:10:10","date_gmt":"2020-07-13T23:10:10","guid":{"rendered":"http:\/\/disenoweb.mx\/?p=3628"},"modified":"2020-07-14T16:41:12","modified_gmt":"2020-07-14T21:41:12","slug":"diseno-web-guadalajara-2","status":"publish","type":"post","link":"https:\/\/disenoweb.mx\/blog\/diseno-web-guadalajara-2\/","title":{"rendered":"Dise\u00f1o web Guadalajara"},"content":{"rendered":"\n

Dise\u00f1o web Guadalajara<\/a><\/h1>\n

\"Dise\u00f1o<\/p>\n

Dise\u00f1o web Guadalajara<\/em><\/strong><\/a>\u00a0 ofrece una forma est\u00e1ndar de crear pagina web<\/em><\/strong><\/a> e interactuar con archivos locales a trav\u00e9s de la especificaci\u00f3n del API de archivos. El API de archivos se puede utilizar, por ejemplo, para crear una vista previa en miniatura de im\u00e1genes mientras se env\u00edan al servidor o para permitir que una aplicaci\u00f3n guarde una referencia de un archivo mientras el usuario se encuentra sin conexi\u00f3n. Tambi\u00e9n se podr\u00eda utilizar para verificar si el tipo MIME de un archivo seleccionado por el usuario coincide con los formatos de archivo permitidos o para restringir el tama\u00f1o de un fichero, antes de enviarlo al servidor.<\/p>\n

A continuaci\u00f3n se indican como hacer una pagina web<\/strong><\/em><\/a>\u00a0 y las interfaces que ofrece la especificaci\u00f3n para acceder a archivos desde un sistema de archivos local:<\/p>\n

File: representa un archivo local y proporciona informaci\u00f3n \u00fanicamente de lectura (el nombre, el tama\u00f1o del archivo, el tipo MIME y una referencia al manejador del archivo).<\/p>\n

FileList:<\/strong> representa un conjunto de objetos File (tanto para un conjunto de ficheros seleccionados a trav\u00e9s de <input type=\u201dfile\u201d multiple> como para un conjunto de ficheros arrastrados desde el sistema de ficheros al navegador) Dise\u00f1o web Guadalajara<\/strong><\/em><\/a>.<\/p>\n

Blob: permite fragmentar un archivo en intervalos de bytes. Cuando se utiliza junto con las estructuras de datos anteriores, el API de FileReader se puede utilizar para leer un archivo de forma as\u00edncrona mediante el control de eventos de JavaScript. Por lo tanto, se puede controlar el progreso de una lectura, detectar si se han producido errores y determinar si ha finalizado una carga de un fichero. El modelo de evento de FileReader guarda muchas semejanzas con el API de XMLHttpRequest dise\u00f1o de pagina web<\/strong><\/em><\/a>.<\/p>\n

Despu\u00e9s del sitio web<\/strong><\/em><\/a> obtener una referencia de File, podemos crear una instancia de un objeto FileReader para leer su contenido y almacenarlo en memoria. Cuando finaliza la carga, se lanza el evento onload y se puede utilizar su atributo result para acceder a los datos del archivo.<\/p>\n

A continuaci\u00f3n se indican las cuatro opciones de lectura as\u00edncrona de archivo que incluye FileReader: FileReader.readAsBinaryString(Blob|File): la propiedad result contendr\u00e1 los datos del archivo\/objeto BLOB en forma de cadena binaria. Cada byte se representa con un n\u00famero entero comprendido entre 0 y 255, ambos incluidos. FileReader.readAsText(Blob|File, opt_encoding): la propiedad result contendr\u00e1 los datos del archivo\/objeto BLOB en forma de cadena de texto. De forma predeterminada, la cadena se decodifica con el formato UTF-8. Podemos especificar un par\u00e1metro de codificaci\u00f3n opcional para especificar un formato diferente dise\u00f1o de pagina web<\/em><\/strong><\/a>.<\/p>\n

FileReader.readAsDataURL(Blob|File): la propiedad result contendr\u00e1 los datos del archivo\/objeto BLOB codificados como una URL de datos. FileReader.readAsArrayBuffer(Blob|File): la propiedad result contendr\u00e1 los datos del archivo\/objeto BLOB como un objeto ArrayBuffer Dise\u00f1o web Guadalajara<\/strong><\/em><\/a>.<\/p>\n

Dise\u00f1o web Guadalajara<\/strong><\/em><\/a><\/h2>\n","protected":false},"excerpt":{"rendered":"

Dise\u00f1o web Guadalajara Dise\u00f1o web Guadalajara\u00a0 ofrece una forma est\u00e1ndar de crear pagina web e interactuar con archivos locales a trav\u00e9s de la especificaci\u00f3n del API de archivos. El API de archivos se puede utilizar, por ejemplo, para crear una vista previa en miniatura de im\u00e1genes mientras se env\u00edan al servidor o para permitir que …<\/p>\n

Dise\u00f1o web Guadalajara<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":1,"featured_media":3999,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[1189,55,1191],"tags":[327,64,717,48,47,1213,128],"class_list":["post-3628","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web","category-diseno-web-2","tag-agencia-de-diseno-web-en-guadalajara","tag-como-hacer-una-pagina-web","tag-crear-pagina-web","tag-diseno-de-pagina-web","tag-diseno-web-guadalajara","tag-empresas-de-diseno-web-em-guadalajara","tag-sitio-web"],"_links":{"self":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3628","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/comments?post=3628"}],"version-history":[{"count":0,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/posts\/3628\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/media?parent=3628"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/categories?post=3628"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenoweb.mx\/blog\/wp-json\/wp\/v2\/tags?post=3628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}