javascript - 如何使用html直接查看blob数据
问题描述
如何查看来自 sql 数据库文件(.db .db3 等)的 blob 数据,并仅使用单个 html 文件在 Web 浏览器上查看?blob 数据可能被视为图像文件(jpg、png 等)
假设我有一个这样的 blob 数据:
du. C.BVwv.q8q7k.1.H.asfdasdfasdf.#s;47sk"as.'7hib-.3$asdffdsfa.a...U...P...
我想直接将单个 blob 数据(不调用数据库文件,只使用 blob 本身的值)放在一个 html 文件中,这样我就可以直接从浏览器打开它,而无需安装其他软件或在内部设置本地服务器我的电脑。
对不起,如果我解释得很奇怪,我很少编码,老实说,我对 sql 或那个服务器 thingamajig 一无所知,我只想查看 blob 文件。
解决方案
你可以使用Blob。在这里,我构造了一个 blob,然后将其转换回我插入到document.body
.
var array = ['<p>Hello World!</p>'];
var blob = new Blob(array, {type : 'text/html'});
const reader = new FileReader();
reader.addEventListener('loadend', e => {
document.body.innerHTML += e.target.result;
});
reader.readAsText(blob);
而且我猜如果需要,Filereader也可以读取文件。
推荐阅读
- arrays - 如何在循环中将 JSON 元素分配给二维数组
- c++ - 更新 Visual Studio 2019 后编译 Unreal Engine 4.24.1 时出错
- python - 如何使用 python 脚本将 excel 数据加载到 hive 中?
- firebase - 未处理的异常:PlatformException(functionsError,云函数因异常失败。,{消息:PERMISSION_DENIED,)
- java - 使用 apache POI 和 java 访问 excel 数据时出错
- javascript - Chrome 和 Firefox 上的时区错误
- vba - 试图将 ObjPtr 反转为对象我得到内核在 64 位中未找到错误 53,但在 32 位中未找到
- azure - 创建要由 Azure 逻辑应用接收的 Azure 存储帐户事件订阅的问题
- javascript - 如何根据用户输入更改元素的值
- javascript - “src 属性”未从外部 JavaScript 文件或其他脚本块中获取值