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. centos opera 卸载
			
    /usr/local/bin/uninstall-opera
    
			
    2. 
						
  2. android 屏幕显示
			
    一.像素 android 常用单位 px.dp.sp dp和sp只与屏幕的物理尺寸有关 dp和sp的区别: sp会随着系统字体的大小而改变,通常用来设置字体大小.dp不会随系统设置的字体改变 dp和p ...
    
			
    3. 
						
  3. python 面向对象(成员，静态，类)的(变量，方法)区别
			
    静态方法是使用@staticmethod装饰的方法,并且参数表中不需要self或者cls,可以访问类成员变量 默认的方法是有self的,是成员方法,可以访问私有变量和方法(通过self.xxx),或者 ...
    
			
    4. 
						
  4. 洛谷——P1689 方程求解
			
    P1689 方程求解 题目描述 给一个方程,形如X+Y=Z或X-Y=Z.给出了其中两个未知数,请求出第三个数.未知数用‘?’表示,等式中也许会出现一些多余的空格. 输入输出格式 输入格式: 一行,方程 ...
    
			
    5. 
						
  5. Scrum 实施中遇到的典型问题
			
    Scrum实施过程中遇到的典型问题,答案综合了网络中的借鉴和自己实践中的体会. Q1:技术负债在敏捷团队中会快速的膨胀. A1:由于敏捷开发过程没有充足的事前(up-front)设计,技术负债是不可避 ...
    
			
    6. 
						
  6. [NOI2018]屠龙勇士(exCRT)
			
    首先很明显剑的选择是唯一的,直接用multiset即可. 接下来可以发现每条龙都是一个模线性方程.设攻击第i条龙的剑的攻击力为$s_i$,则$s_ix\equiv a_i\ (mod\ p_i)$.  ...
    
			
    7. 
						
  7. [Baltic2003]  Gem
			
    [Baltic2003]Gem Time Limit: 2 Sec  Memory Limit: 64 MBSubmit: 501  Solved: 320[Submit][Status][Discu ...
    
			
    8. 
						
  8. 【博弈论】poj2348 Euclid's Game
			
    假设当前b>a. 一.b%a==0 必胜 二.b<2*a,当前我们没有选择的余地,若下一步是必胜(最终能到情况一),则当前必败:反之,当前必胜. 三.b>2*a,假设x是使得b-ax ...
    
			
    9. 
						
  9. Problem U: 零起点学算法19——输出特殊值
			
    #include<stdio.h> int main() { printf("%%d"); ; }
    
			
    10. 
						
  10. React Native学习之自定义Navigator
			
    Navigator还是最常用的组件, 所以自己封装了一个, 使用起来也比较简单, 如下: 首先导入组件 var MLNavigator = require('../Lib/MLNavigator'); ...
    
			
    11.