From 71c618f2ea793f0462948cfd512414c9094f7370 Mon Sep 17 00:00:00 2001 From: tristantheb Date: Fri, 30 Apr 2021 16:28:38 +0200 Subject: KS: Removal of the least used macros - l10n-frozen (#611) * KS: Deletion of KS macros used less than 100 times * FIX: Remove conflicting and orphaned files from commits= --- .../es/web/api/file/using_files_from_web_applications/index.html | 8 -------- 1 file changed, 8 deletions(-) (limited to 'files/es/web/api/file') diff --git a/files/es/web/api/file/using_files_from_web_applications/index.html b/files/es/web/api/file/using_files_from_web_applications/index.html index 5aceed9d6a..8f89722251 100644 --- a/files/es/web/api/file/using_files_from_web_applications/index.html +++ b/files/es/web/api/file/using_files_from_web_applications/index.html @@ -34,8 +34,6 @@ translation_of: Web/API/File/Using_files_from_web_applications

En este caso, la lista de ficheros pasada a la función handleFiles() contiene un objeto File por cada fichero seleccionado por el usuario. 

-

{{ h2_gecko_minversion("Using hidden file input elements using the click() method", "2.0") }}

-

Comenzando en Gecko 2.0 {{ geckoRelease("2.0") }}, se puede ocultar el realmente feo {{ HTMLElement("input") }} y representar tu propio interfaz para abrir el picker de ficheros y pintar que fichero o ficheros ha seleccionado el usuario. Esto se puede hacer añadiendo al elemento input la característica "display:none" en su css, o estilo y llamando al método click() del elemento {{ HTMLElement("input") }}.

Como aparece en este HTML:

@@ -75,8 +73,6 @@ function handleFiles() {

Nota: en este caso, la función handleFiles() mira la lista de ficheros con la finalidad de aceptar un parametro, mientras los eventos listeners sean añadidos de esta manera no pueden aceptar un parametro del input.

-

{{ h1_gecko_minversion("Using blob URLs", "2.0") }}

-

Gecko 2.0 {{ geckoRelease("2.0") }} introduce soporte para los métodos de DOM {{ domxref("window.createBlobURL()") }} y {{ domxref("window.revokeBlobURL()") }}. El cual te permite crear un simple string con la URL que referenciar cualquier dato que pueda referenciar usando un objeto File DOM, esto incluye los ficheros locales del usuario del dispositivo.

Cuando tienes un objeto File te gusta poder referenciarlo con una URL desde el HTML, la manera de crear tu propio blob URL para poder hacer esto es la siguiente:

@@ -192,8 +188,6 @@ function dragover(e) {

A continuación establecemos el FileReader para controlar la carga de la imagen de forma asíncrona y enlazarla con el elemento img. Después de crear el nuevo objeto FileReader, configuramos su función onload, luego llamamos a readAsDataURL() para comenzar la operación de lectura en segundo plano. Cuando el contenido completo de la imagen ha sido cargado, se convierte a  data: URL, el cuál es pasado al callback onload. Nuestra implementación de esta rutina simplemente establece el atributo src del elemento img cargado, cuyo resultado es la imagen apareciendo en la miniatura en la pantalla del usuario.

-

{{ h1_gecko_minversion("Example: Using blob URLs to display images", "2.0") }}

-

Este ejemplo el objeto blob URLs para mostrar las miniaturas de las imágenes. Además, se muestra otra información del archivo incluyendo sus nombres y tamaños. Tú puedes ver el ejemplo (tenga en cuenta que se requiere una versión Nghtly de Firefox del 23 de september 23 o mas reciente, o Firefox 4.0 beta 7).

El HTML que representa la interfaz es::

@@ -368,5 +362,3 @@ function dragover(e) {
  • Usando XMLHttpRequest
  • XMLHttpRequest
    • - -

    {{ HTML5ArticleTOC() }}

    -- cgit v1.2.3-54-g00ecf