博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用createObjectURL实现本地图片预览
阅读量:6909 次
发布时间:2019-06-27

本文共 595 字,大约阅读时间需要 1 分钟。

什么是createObjectURL?

URL 接口是一个包含若干静态方法的对象,用来创建(解析、编码等)URLs.我们常用的href、hash、search就来自于URL对象。 createObjectURL就是URL的一个静态方法。使用如下:

objectURL = URL.createObjectURL(blob);

// 用下面的代码实现前缀兼容

window.URL = window.URL || window.webkitURL;

返回一个字符串,包含一个唯一的blob链接,行如:

"blob::xxxx/299ef3f9-6649-4e6a-8971-698c6ed4237a"

通过这个字符串(url), 可以获取到所指定文件的完整内容,可以作为image链接或者文件下载的链接

兼容性

PC端

Mobile端

范例代码

  
Document Select some files

No files selected!

复制代码

附注

当不在使用URL对象时,可以调用revokeObjectURL手动释放掉

URL.revokeObjectURL(objectURL)

浏览器会在文档退出的时候自动释放它们,但是为了获得最佳性能和内存使用状况,你应该在安全的时机主动释放掉它们。

转载地址:http://bmfcl.baihongyu.com/

你可能感兴趣的文章
(原创)CheckTool:CRC校验、累加和校验、异或和校验专业校验工具V1.0
查看>>
面试题34:丑数
查看>>
Linux内核学习笔记十——虚拟文件系统概念
查看>>
set header
查看>>
如何写Makefile文件
查看>>
Unsupported Oracle data type 101 encountered
查看>>
listview设置item间距和颜色渐变
查看>>
CentOS — 安装LevelDB & PHP LevelDB扩展
查看>>
C++深拷贝与浅拷贝
查看>>
构造方法
查看>>
python mysql 安装包下载
查看>>
java基本语法注意问题
查看>>
poj1317
查看>>
CListCtrl获取当前选中行索引号
查看>>
帮助-阅读随笔
查看>>
Installing C++ Boost on Microsoft Windows for Visual Studio .NET 2003/2005/Orcas
查看>>
实例化需求—流程
查看>>
MonoDevelop添加NuGet支持
查看>>
响应式的前端框架 - Groundwork
查看>>
json格式化和查看工具
查看>>