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. 51nod 最长公共子序列问题（动态规划）(LCS)(递归)
			
    最长公共子序列问题 输入 第1行:字符串A 第2行:字符串B (A,B的长度 <= 1000) 输出 输出最长的子序列,如果有多个,随意输出1个. 输入示例 abcicba abdkscab 输 ...
    
			
    2. 
						
  2. Linux命令之free
			
    free [选项] 显示系统中未使用和使用的内存情况,包括物理内存.交换区内存(swap)和内核缓冲区内存.共享内存将被忽略. (1).选项 -b,-k,-m,-g 以Byte,KB,MB,GB为单位 ...
    
			
    3. 
						
  3. Linux查看内核信息或系统信息
			
    先说说为什么会写这个.这是我去面试的时候面试官问的一个问题,我感觉是一个普遍会被问到的问题.为了让我自己记住,也便于收集下Linux运维方向考官的题目. 第一,查看内核信息 cat /proc/ver ...
    
			
    4. 
						
  4. [PKUSC2018]神仙的游戏(FFT)
			
    给定一个01?串,对所有len询问是否存在一种填法使存在长度为len的border. 首先有个套路的性质:对于一个长度为len的border,这个字符串一定有长度为n-len的循环节(最后可以不完整) ...
    
			
    5. 
						
  5. 【矩阵哈希】【哈希表】bzoj2351 [BeiJing2011]Matrix
			
    引用题解:http://blog.csdn.net/popoqqq/article/details/41084047 #include<cstdio> #include<cstrin ...
    
			
    6. 
						
  6. 【树链剖分（区间线段树）】BZOJ4196-[NOI2015]软件包管理
			
    [题目大意] 如果软件包A依赖软件包B,那么安装软件包A以前,必须先安装软件包B.同时,如果想要卸载软件包B,则必须卸载软件包A.而且,由于你之前的工作,除0号软件包以外,在你的管理器当中的软件包都会 ...
    
			
    7. 
						
  7. noip2017集训测试赛（三） Problem B: mex [补档]
			
    Description 给你一个无限长的数组,初始的时候都为0,有3种操作: 操作1是把给定区间[l,r][l,r] 设为1, 操作2是把给定区间[l,r][l,r] 设为0, 操作3把给定区间[l, ...
    
			
    8. 
						
  8. 修复XAMPP安装过程中 因端口80被占用 Apache无法启动的问题
			
    Fix XAMPP Apache Not Starting Because Port 80 In Use XAMPP中Apache服务器无法启动,出现该问题的最常见原因是由于默认端口号80可能已被其他 ...
    
			
    9. 
						
  9. Scala实战高手****第16课：Scala implicits编程彻底实战及Spark源码鉴赏
			
    隐式转换:当某个类没有具体的方法时,可以在该类的伴生对象或上下文中查找是否存在隐式转换,将其转换为可以调用该方法的类,通过代码简单的描述下 一:隐式转换 1.定义类Man class Man(val  ...
    
			
    10. 
						
  10. 重新认识JavaScript里的创建对象
			
    一.序 面向对象有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象.ECMA-262把对象定义为“无序属性的集合,其属性可以包含基本值.对象或者函数”. 使用Obje ...
    
			
    11.