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. flutter 快捷键
			
    1.热重载 alt+\ 2.热重启 alt+shift+\ 3.快速生成模板 stf 直接生成有状态模板 4.模拟器中文输入法 http://www.mdpda.com/app/apk3670941. ...
    
			
    2. 
						
  2. MYSQL从入门到放弃系列：mysql基础语法
			
    Mysql基本语法 启动MySQL net start mysql 连接与断开服务器 mysql -h 地址 -P 端口 -u 用户名 -p 密码 跳过权限验证登录MySQL mysqld --ski ...
    
			
    3. 
						
  3. Validate on POST data
			
    1. Basic validate  on bean's attribute. @Notnull @Max @Min @Pattern ... 2. Validate by logic 1) pass ...
    
			
    4. 
						
  4. MySQL 一张表中两个字段值互换
			
    update table a, table b set a.filed1= b.field2, a.field2= b.field1where a.id = b.id
    
			
    5. 
						
  5. Track  Cylinder
			
    1 Track = 48 KB1 Cylinder = 720 KB so 1 Cylinder = 15 Tracks Read more: http://ibmmainframes.com/abo ...
    
			
    6. 
						
  6. CentOS 安装 Zookeeper 版本任选
			
    Zookeeper下载地址各种版本自己选择: https://mirrors.tuna.tsinghua.edu.cn/apache/zookeeper/ Zookeeper 3.4.13版本下载地址 ...
    
			
    7. 
						
  7. 学习python网站
			
    http://code.ziqiangxuetang.com/python/python-dictionary.html
    
			
    8. 
						
  8. 【矩阵哈希】【哈希表】bzoj2351 [BeiJing2011]Matrix
			
    引用题解:http://blog.csdn.net/popoqqq/article/details/41084047 #include<cstdio> #include<cstrin ...
    
			
    9. 
						
  9. C#中Math的使用总结
			
    1.向上进位取整.Math.Ceiling 例如: Math.Ceiling(32.6)=33; Math.Ceiling(32.0)=32; 2.向下舍位取整.Math.Floor 例如: Math ...
    
			
    10. 
						
  10. 解决百度 ueditor v1.4.3 编辑器上传图片失真的bug？
			
    项目中,用到百度ueditor编辑器,发现,上传大一点的图片,图片会失真,刚开始还以为是PHP端做了图片压缩,仔细看配置说明,发现是编辑器自带有个自动压缩图片的功能,可恶的是,压缩后的图片失真了! 决 ...
    
			
    11.