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. HDU 1233.还是畅通工程-最小生成树(Prime)
			
    还是畅通工程 Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Subm ...
    
			
    2. 
						
  2. 记录（Record）
			
    记录有可以被称为行(Row),可以通俗的认为它是数据表中的一行数据.以员工表为例,一个公司的员工表中的数据是这样的: 这里每一行数据就代表一个员工的资料,这样的一行数据就叫做一条记录.表是由行和列组成 ...
    
			
    3. 
						
  3. java.lang.ClassCastException: com.sun.proxy.$Proxy13 cannot be cast to sm.dao.UserDao
			
    在Spring中添加事物管理以后出现的问题 源代码 ApplicationContext applicationContext = new ClassPathXmlApplicationContext ...
    
			
    4. 
						
  4. POJ 3260 The Fewest Coins（背包问题）
			
    [题目链接] http://poj.org/problem?id=3260 [题目大意] 给出你拥有的货币种类和每种的数量,商店拥有的货币数量是无限的, 问你买一个价值为m的物品,最少的货币流通数量为 ...
    
			
    5. 
						
  5. [Contest20180328]同构
			
    我们先把两棵树的所有节点的儿子排序,然后dfs,记录访问的深度序列 然后可以发现题目中的两个操作都只会在深度序列中删掉一位,不会对其他位有影响(自己画画图就知道了) 对于一个深度序列$d_{1\cdo ...
    
			
    6. 
						
  6. 【动态规划】bzoj1649 [Usaco2006 Dec]Cow Roller Coaster
			
    很像背包. 这种在一个数轴上进行操作的题常常需要对区间排序. f[i][j]表示距离到i时,花费为j时的权值之和. f[x[i]+l[i]][j+c[i]]=max{f[x[i]][j]+w[i]}( ...
    
			
    7. 
						
  7. FCL研究-集合- System.Collections 接口和对象集合
			
    [目录] 发现自己已经有很长一段时间写代码没什么进步了,随便读读FCL的源码,看看之前一直用的方法是如何实现的,也顺便提高下自己.FCL很是庞大,很难下口,于是用最笨的办法,先看常见的命名空间,逐个展 ...
    
			
    8. 
						
  8. Java堆内存不足
			
    1)使用IDEA开发程序时有时候会提示“Java Heap space error”,说明IDEA默认配置的Java堆内存不足,程序需要更多的堆内存. 2)堆(Heap)和非堆(Non-heap)内存 ...
    
			
    9. 
						
  9. React Native 让组件做到局部刷新
			
    利用RN的状态机机制,我们可以通过this.setState({optional:...})来控制界面的刷新,但是一定会触发render方法,那如何保证不调用render方法从而做到界面的局部刷新呢? ...
    
			
    10. 
						
  10. Jackson错误：Can not deserialize instance of java.lang.String out of START_OBJECT token
			
    org.springframework.http.converter.HttpMessageNotReadableException: Could not read JSON: Can not des ...
    
			
    11.