atitit.javascript js 上传文件的本地预览
atitit.javascript js 上传文件的本地预览
1.1. 吊销所有使用 URL.createObjectURL 而创建的 URL,以避免内存泄漏 1
1. .URL.createObjectURL
URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File对象或者是Blob对象.
作者:: 老哇的爪子 Attilax 艾龙, EMAIL:1466519819@qq.com
转载请注明来源: http://blog.csdn.net/attilax
1.1. 吊销所有使用 URL.createObjectURL 而创建的 URL,以避免内存泄漏
为 audio、video 或 img 元素加载媒体的一种常见方式是使用 URL.createObjectURL 方法创建一个它可以使用的 URL。如果你使用此方法,那么此方法会告诉系统保留一个到你的媒体(该媒体可能是 Blob、File 或 StorageFile)的内部引用。系统将使用此内部引用来使对象流到适当的元素。但系统不知道何时需要该数据,因此,在你告诉它释放之前,它会一直保留该内部引用。
1.2. aticode
proj.wechat act
getObjectURL("fileControlId)
1.3. code--
var objUrl = getObjectURL(document.getElementById("filex").files[0]) ;
console.log(v);
console.log("objurl:"+objUrl);
$("#imgx").css("width","100%").css("height","100%").attr("src",objUrl);
}
//建立一個可存取到該file的url
function getObjectURL(file) {
var url = null ;
if (window.createObjectURL!=undefined) { // basic
url = window.createObjectURL(file) ;
} else if (window.URL!=undefined) { // mozilla(firefox)
url = window.URL.createObjectURL(file) ;
} else if (window.webkitURL!=undefined) { // webkit or chrome
url = window.webkitURL.createObjectURL(file) ;
}
return url ;
}
firefox下面显示
"objurl:blob:null/ca7a9752-68a1-4f88-9b4f-19bfbc9ca0af"
相关文章
- javascript基础修炼——前端路由的基本原理
- JavaScript实现html购物车代码
- 第一百三十节,JavaScript,封装库--连缀
- JavaScript RegExp Object 正则表达式入门
- javascript (js)中的基本概念
- [Javascript] Improve performance of Array.reduce
- [Javascript] HTML5 DOM project
- [Immutable.js] Converting Immutable.js Structures to Javascript and other Immutable Types
- [Javascript] Redirect the browser using JavaScript
- [Javascript] Intro to Recursion
- javascript Date format(js日期格式化)
- Javascript模块化编程(三):require.js的用法
- Javascript 学习 笔记六
- Atitit.js javascript的rpc框架选型
- Atitit 文件上传 架构设计 实现机制 解决方案 实践java php c#.net js javascript c++ python
- Atitit. servlet 与 IHttpHandler ashx listen 和HttpModule的区别与联系 原理理论 架构设计 实现机制 java php c#.net js javascript c++ python
- Atititjs javascript异常处理机制与java异常的转换.js exception process
- 03【Javascript 基础】1/6
- 从零开始学_JavaScript_系列(20)——js系列<7>(函数原型的两种声明方式、函数的作用域)
- 〖大前端 - 基础入门三大核心之JS篇⑥〗- JavaScript中的数据类型之布尔类型、undefined 与 null类型详解
- Atom编辑器折腾记_(15)JS代码片段补全(插件:javascript-snippets)
- JavaScript基础&实战(1)js的基本语法、标识符、数据类型
- 【javaScript基础】马上调用函数表达式
- Handsontable 12.3.0 JavaScript 数据网格组件 -Crack