URL.createObjectURL() 静态方法会创建一个 DOMString，其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。

objectURL = URL.createObjectURL(blob);

blob是用来创建 URL 的 File 对象或者 Blob 对象​

在每次调用 createObjectURL() 方法时，都会创建一个新的 URL 对象，即使你已经用相同的对象作为参数创建过。当不再需要这些 URL 对象时，每个对象必须通过调用 URL.revokeObjectURL() 方法来释放。浏览器会在文档退出的时候自动释放它们，但是为了获得最佳性能和内存使用状况，你应该在安全的时机主动释放掉它们。

只要页面不关闭

都可以访问

												


											
URL.createObjectURL()的更多相关文章
	

    
						
  1. js图片前端预览之 filereader 和 window.URL.createObjectURL
		
    //preview img : filereader方式 document.getElementById('imgFile').onchange = var ele = document.getEle ...
    
		
    2. 
						
  2. URL.createObjectURL和URL.revokeObjectURL
		
    一.URL.createObjectURL URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里,新的对象URL ...
    
		
    3. 
						
  3. 图片上传预览 （URL.createObjectURL）
		
    知识预备:1. URL.createObjectURL() 静态方法会创建一个 DOMString,它的 URL 表示参数中的对象.这个 URL 的生命周期和创建它的窗口中的 document 绑定. ...
    
		
    4. 
						
  4. html5的FormData对象和input的file属性以及window.URL.createObjectURL( ) 方法(转载)
		
    /** FormData ==>表单数据 能自动把表单数据拼接打包 当ajax发送数据时,发送打包的数据; 还可以使用FormData对象的append(key,value)添加数据 FormD ...
    
		
    5. 
						
  5. URL.createObjectURL() 与 URL.revokeObjectURL()
		
    .URL.createObjectURL URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL ...
    
		
    6. 
						
  6. URL.createObjectURL() 实现本地上传图片 并预览功能
		
    URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL.这个 URL 的生命周期和创建它的窗口中的 document 绑定.这个新 ...
    
		
    7. 
						
  7. JS获取当前网页内容，创建文件并下载，URL.createObjectURL和URL.revokeObjectURL
		
    有时候需要在前端侧对于动态生成的内容进行下载,比如页面上某一段文本信息,再比如对页面进行分享的时候,希望分享图片是页面内容的实时截图,此时,这个图片就是动态的,纯HTML显然是无法满足我们的需求的,借 ...
    
		
    8. 
						
  8. 浏览器 本地预览图片   window.url.createobjecturl
		
    第一种方式 <script type="text/javascript"> function setImagePreview() { var docObj = docu ...
    
		
    9. 
								
  9. window.url.createobjecturl   兼容多种浏览器（IE,google,360,Safari,firefox）
		
    <script type="text/javascript"> function setImagePreview() { var docObj = document.g ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. poj1062 最短路径 dijkstra
			
    题目连接:http://poj.org/problem?id=1062 Description 年轻的探险家来到了一个印第安部落里.在那里他和酋长的女儿相爱了,于是便向酋长去求亲.酋长要他用 1000 ...
    
			
    2. 
						
  2. KMP+差分    文章过滤器 (filter)
			
    Description 给定一些短串,要求你在一个长串中,将这些短串部分变为\(*\) Input 第一行包括一个整数\(n\),表示短串的数量. 接下来的\(n\)行,为\(n\)个短串. 最后一行 ...
    
			
    3. 
						
  3. SSH框架的简单含义
			
    典型的J2EE三层结构,分为表现层.中间层(业务逻辑层)和数据服务层.三层体系将业务规则.数据访问及合法性校验等工作放在中间层处理.客户端不直接与数据库交互,而是通过组件与中间层建立连接,再由中间层与 ...
    
			
    4. 
						
  4. 【枚举】bzoj1800 [Ahoi2009]fly 飞行棋
			
    暴力枚举. #include<cstdio> #include<algorithm> using namespace std; ],sum[],half,ans; int qu ...
    
			
    5. 
						
  5. [SHOI2014]信号增幅仪
			
    题目大意: 平面直角坐标系中散落着n个点,一个椭圆的长半轴在对于x轴逆时针旋转α度的角度上,且长半轴是短半轴的k倍. 问短半轴至少要多长才能覆盖所有的点? 思路: 首先把坐标顺时针旋转α度,然后把所有 ...
    
			
    6. 
						
  6. jvm-监控指令-jdump
			
    格式: jmap [option] vmid 作用: 生成堆转储快照. 使用:(注意:需要使用工具打开,分析. 比如: EclipseMemoryAnalyzer)
    
			
    7. 
						
  7. springmvc-框架学习
			
    https://www.androiddev.net/springmvc-框架学习一-helloworld/
    
			
    8. 
						
  8. [HTML/CSS]盒子模型，块级元素和行内元素
			
    目录 概述 盒子模型 块级元素 行内元素 可变元素 总结 概述 在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项 ...
    
			
    9. 
						
  9. Render Texture coordinates
			
    https://docs.unity3d.com/550/Documentation/Manual/SL-PlatformDifferences.html Render Texture coordin ...
    
			
    10. 
						
  10. Yii2系列教程三：Database And Gii
			
    上一篇文章我们理了一下Yii2的MVC,Forms和Layouts,这篇文章就直接按照约定来说说Yii2与数据库相关的一些事情,如果你觉得不够的话,不急,更具体的用法我会在后续的教程给出,并且这里也会 ...
    
			
    11.