Nuestros mejores desarrolladores han agotado sus depósitos de café, por su búsqueda diariamente por la resolución, hasta que Sara halló el hallazgo en Gitea así que ahora la comparte con nosotros.
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
, oMediaSource
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 |
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()
Si tienes alguna indecisión o capacidad de progresar nuestro sección puedes realizar una glosa y con gusto lo observaremos.