Windows.url.createObjectURL()
来源:互联网 发布:淘宝双十一红包口令 编辑:程序博客网 时间:2024/05/17 23:57
Windows.url.createObjectURL()在 图片上传预览中使用。
概述:为创建一个新的URL对象
objectURL=windows.URL.vreateObjectURL(blod);
blod 参数是File对象或者是Blod对象,
objectURL是生成的
对象URL.通过这个URL,可以获取到所指定文件的完整内容.- 在每次调用
createObjectURL()
方 法的时候,都会创建一个新的对象URL,即使参数中的这个对象已经有了自己的对象URL.在你不需要这些对象URL的时候,你应该通过调用window.URL.revokeObjectURL()
方法来释放它们所占用的内容.虽然即使你不主动释放它们,浏览 器也会在当前文档被卸载的时候替你释放,不过,考虑到更好的性能和更少的内存占用,你应该在安全的时候主动施放它们.
$uploaderInput.on("change", function(e){
console.log(":"+e.target.files);
var src, url = window.URL || window.webkitURL || window.mozURL, files = e.target.files;
for (var i = 0, len = files.length; i < len; ++i) {
var file = files[i];
if (url) {
src = url.createObjectURL(file); console.log(":"+src);
} else {
src = e.target.result;
}
$uploaderFiles.empty();
$uploaderFiles.append($(tmpl.replace('#url#', src)));
}
});
console.log(":"+e.target.files);
var src, url = window.URL || window.webkitURL || window.mozURL, files = e.target.files;
for (var i = 0, len = files.length; i < len; ++i) {
var file = files[i];
if (url) {
src = url.createObjectURL(file); console.log(":"+src);
} else {
src = e.target.result;
}
$uploaderFiles.empty();
$uploaderFiles.append($(tmpl.replace('#url#', src)));
}
});
阅读全文
0 0
- Windows.url.createObjectURL()
- URL.createObjectURL和URL.revokeObjectURL
- URL.createObjectURL和URL.revokeObjectURL
- URL.createObjectURL和URL.revokeObjectURL
- URL.createObjectURL和URL.revokeObjectURL
- URL.createObjectURL和URL.revokeObjectURL
- URL.createObjectURL和URL.revokeObjectURL
- URL.createObjectURL和URL.revokeObjectURL
- URL.createObjectURL和URL.revokeObjectURL
- URL图片预览(createObjectURL)revokeObjectURL
- 图片上传预览插件制作----URL.createObjectURL()
- 利用Blob, a.download, URL.createObjectURL模拟下载文件
- js图片前端预览之 filereader 和 window.URL.createObjectURL
- 使用对象 url 显示图像(window.URL.createObjectURL的使用)
- html5的FormData对象和input的file属性以及window.URL.createObjectURL( ) 方法
- window.url.createobjecturl 兼容多个浏览器(IE,google,360,Safari,firefox)
- 适用window.URL.createObjectURL(Object obj)时出现的Not allowed to load local resource错误
- html5的FormData对象和input的file属性以及window.URL.createObjectURL( ) 方法
- I/O流 cat
- 欢迎使用CSDN-markdown编辑器
- 更快捷操作数据库 LitePal
- fastdfs初步安装整理
- android----视频放缩
- Windows.url.createObjectURL()
- 笔面试
- MVVM + dataBinding
- hdu5924Mr. Frog’s Problem
- hdu6112-今夕何夕
- HDU 6107 Typesetting(倍增法 17多校第六场)
- jQuery获取两个元素之间的同胞元素(适用于无限分类的显示隐藏)
- spring-cloud-producter生产者(三)
- Java动态代理