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"

atitit.javascript js 上传文件的本地预览相关推荐

[html] 图片上传时实现本地预览功能的原理是什么？
[html] 图片上传时实现本地预览功能的原理是什么? 通过HTML5 File API读取用户上传的图片,生成一个image对象显示到页面个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容 ...
JavaScript 获取上传文件的本地绝对路径
一直苦恼于在表单提交时获得上传文件的本地绝对路径. 由于javascript是在浏览器环境运行的脚本语言,所以javascript的权限很低,不能操作本地资源,这样的好处是安全性提高了,但是也带来了开 ...
JS实现图片上传时的本地预览，兼容IE和firefox谷歌
旁白: 一般来说如果要实现在上传前预览图片的话,用纯服务器端的语言必定是办不到的,需要先传到服务器上,哪怕是只是服务器上的临时文件,这也是个很麻烦的事情,不过可以用javascript来做这件事.下面 ...
Android拍摄视频上传服务器及本地预览
最近在项目中遇到了视频的拍摄上传及本地预览功能,特地记录一下 1.基于本地视频的预览采用cardview进行显示,因此需要引入相应的jar包,我这里AS使用的是 compile 'com.androi ...
javaScript 美化上传文件框（加预览移除效果）
美化上传文件按钮,并预览预览关键代码 inp.onchange=function(){var reader = new FileReader();reader.onloadend = functio ...
js之上传文件多图片预览
多图片上传预览功能也是现在非常常用的下面是html代码: <html xmlns="http://www.w3.org/1999/xhtml"><head> ...
IE浏览器上传文件时本地路径变成”C:\fakepath\”的问题
IE浏览器上传文件时本地路径变成"C:\fakepath\"的问题博客分类: javascript HTML 在使用<input id="file_upl&quo ...
Springboot + layui + FTP文件上传删除 + HTTP文件下载预览 + pdf.js文件预览（项目实战总结）
文件管理 0.需求及前言 1.前端,上传按钮嵌入数据表格中 2.利用IIS部署FTP文件服务器 3.后台FTP连接和文件操作 4.FTP遇到的问题和解决方案 5.预览PDF文件V1.0:FTP+临时文 ...
七牛云 vue 图片上传简单解说，js 上传文件图片
七牛云 vue 图片上传简单解说,js 上传文件图片一.七牛云简介首次使用七牛云存储进行项目的图片存储,整了一上午才整明白,这些官方的教程把明白人也给说糊涂了,文档很不规范. 七牛云有免费的使用额 ...
js上传文件到c 服务器,js上传文件到c服务器
js上传文件到c服务器内容精选换一换安装传输工具在本地主机和Windows云服务器上分别安装数据传输工具,将文件上传到云服务器.例如QQ.exe.在本地主机和Windows云服务器上分别安装数据 ...

atitit.javascript js 上传文件的本地预览

1. .URL.createObjectURL

1.1. 吊销所有使用 URL.createObjectURL 而创建的 URL，以避免内存泄漏

1.2. aticode

1.3. code--

atitit.javascript js 上传文件的本地预览相关推荐

最新文章

热门文章