los URL.createObjectURL() static El método crea un DOMString que contiene una URL que representa el objeto dado en el parámetro. La duración de la URL está vinculada a la document en la ventana en la que fue creado. La URL del nuevo objeto representa la especificada File objeto o Blob objeto.

Para liberar la URL de un objeto, llame revokeObjectURL().

Nota: Esta función está disponible en Web Workers.

Nota: Esta característica es no disponible en Service Workers debido a su potencial para crear pérdidas de memoria.

Sintaxis

const objectURL =URL.createObjectURL(object)

Parámetros

object
A File, Blob, o MediaSource objeto para el que crear una URL de objeto.

Valor devuelto

A DOMString que contiene una URL de objeto que se puede utilizar para hacer referencia al contenido de la fuente especificada object.

Ejemplos de

Consulte Uso de URL de objeto para mostrar imágenes.

Notas de uso

Gestión de la memoria

Cada vez que llamas createObjectURL(), se crea una nueva URL de objeto, incluso si ya ha creado una para el mismo objeto. Cada uno de estos debe ser liberado llamando URL.revokeObjectURL() cuando ya no los necesite.

Los navegadores publicarán las URL de los objetos automáticamente cuando se descargue el documento; sin embargo, para un rendimiento y uso de memoria óptimos, si hay momentos seguros en los que puede descargarlos explícitamente, debe hacerlo.

Usar URL de objeto para transmisiones de medios

En versiones anteriores de la especificación Media Source, adjuntar una transmisión a un El elemento requería la creación de una URL de objeto para el MediaStream. Esto ya no es necesario y los navegadores están eliminando el soporte para hacerlo.

Importante: Si todavía tiene un código que se basa en createObjectURL() para adjuntar transmisiones a elementos multimedia, debe actualizar su código para configurar srcObject al MediaStream directamente.

Especificaciones

Especificación Estado Comentario
API de archivos
La definición de ‘createObjectURL ()’ en esa especificación.
Borrador de trabajo Definición inicial.
Extensiones de fuente de medios
La definición de ‘URL’ en esa especificación.
Recomendación

Extensión MediaSource.

Versiones anteriores de esta especificación utilizadas createObjectURL() por MediaStream objetos; esto ya no es compatible.

Compatibilidad del navegador

Escritorio Móvil
Cromo Borde Firefox explorador de Internet Ópera Safari WebView Android Chrome Android Firefox para Android Opera Android Safari en IOS Internet de Samsung
createObjectURL 19 12 19createObjectURL() ya no está disponible en el contexto de un ServiceWorker. 10Si el objeto subyacente no tiene un tipo de contenido establecido, utilice esta URL como src de un img la etiqueta falla de forma intermitente con el error DOM7009. 15 6 ≤37 25 19createObjectURL() ya no está disponible en el contexto de un ServiceWorker. 14 6 1,5
no_MediaStream_argument ?Ver aquí para conocer el progreso de la desaprobación. ?Ver aquí para conocer el progreso de la desaprobación. 62 ? ?Ver aquí para conocer el progreso de la desaprobación. ?Ver aquí para conocer el progreso de la desaprobación. ?Ver aquí para conocer el progreso de la desaprobación. ?Ver aquí para conocer el progreso de la desaprobación. 62 ?Ver aquí para conocer el progreso de la desaprobación. ?Ver aquí para conocer el progreso de la desaprobación. ?Ver aquí para conocer el progreso de la desaprobación.

Ver también

  • Usar archivos de aplicaciones web
  • Usar URL de objeto para mostrar imágenes
  • URL.revokeObjectURL()
  • HTMLMediaElement.srcObject
  • FileReader.readAsDataURL()