Js中Blob是什么?使用指南_对象小白指南

MDN给出的解释:Blob 对象表示一个不可变、原始数据的类文件对象创建一个blob只有两种方式1、通过new Blob()var aBlob = new Blob( array, options );2、使用blob.slice切割,创建一个新的blob对象读取blob唯一方式,使用fileReadervar reader = new FileReader

Js中Blob是什么?使用指南

创建一个blob只有两种方式

1、通过new Blob()

Js中Blob是什么?使用指南_对象小白指南

var aBlob = new Blob( array, options );

2、使用blob.slice切割,创建一个新的blob对象

读取blob唯一方式,使用fileReader

var reader = new FileReader();

reader.onload = function(){
    console.log(reader.result);
}

reader.readAdArrayBuffer(blob);

File和Blob的关系

File 是一种特殊的Blob 

海计划公众号
(0)
上一篇 2020/03/29 01:44
下一篇 2020/03/29 01:44

您可能感兴趣的内容

  • 摄图网使用帮助_专注正版摄影高清图免费下载的图库

    摄图网入门百科 官方网址:http://699pic.com/ 简介描述:专注正版摄影高清图免费下载的图库 摄图网是一家专注正版摄影高清图免费下载的图库,可供下载的高清摄影图片量包…

    2020/03/06
  • TypeScript never 类型小白教程_类型菜鸟教程下载

    TypeScript never 类型小白教程 在类型理论(数学逻辑中的一种理论)中, 底部类型 是没有值的类型。也称为零或空类型,有时用 falsum(⊥)表示。 数学理论与计算…

    2020/03/19
  • ES6 系列之 defineProperty 与 proxy小白知识_proxy基础教程

    前言我们或多或少都听过“数据绑定”这个词,“数据绑定”的关键在于监听数据的变化,可是对于这样一个对象:var obj = {value: 1},我们该怎么知道 obj 发生了改变呢?definePropetyES5 提供了 Object.defineProperty 方法,该方法可以在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回这个对象。语法

    2020/04/03
  • 常用颜色表之中国传统颜色基础指南_颜色零基础入门

    不知道大家觉得如何,舒适的颜色,很多人都会喜欢,但主要还是看实用性。今天给大家分享中国传统颜色有那些?中国传统的颜色之美,美如其名:蔚蓝、竹青、绯红、月白、石青、紫檀、霜色、黛绿、胭脂、藕荷、豆绿、宝蓝、秋香、玄色、牙色、黄栌、靛蓝、明黄、朱砂、石绿。。。。。。颜色名称十六进制红绿蓝色相饱和度亮度蔚蓝#70f3ff112243255185°100.0%71.

    2020/03/26
  • Extjs的一些基础使用基础知识入门_库基础指南

    ExtJS其实 是一个Ajax 框架,是一个用javascript 写的。与EasyUI差不多的一个框架。学习并不难,先找好一定的学习资料与文档,然后再练习几个demo,这样大概就有所了解了。具体精通,那只有等你自己在项目中多实践。一、获取元素(Getting Elements)1. Ext.get()var el = Ext.getCmp(‘id‘);//

    2020/03/22
  • JS中for循环的常见题型使用指南_js知识基础入门

    for循环示例:// 1-10000以内的完数
    // 完数:因子之和相加等于这个数
    // 例如:6的因子为1,2,3:1+2+3=6let i ,j;
    let sum ;
    for(i=1;i<=10000;i++){sum = 0;for(j=1;j<i;j++){if(i%j == 0){sum +=j;}}if(i == sum){console.log

    2020/03/29
  • Js中最常见的错误基础知识入门_错误小白入门

    最近查看了一些项目后,发现了几个最常见的JavaScript 错误。我们会告诉你什么原因导致了这些错误,以及如何防止这些错误发生。如果你能够避免落入这些 “陷阱”,你将会成为一个更好的开发者。JavaScript 常见错误 :为了便于阅读,我们将每个错误描述都尽量简化。接下来,让我们深入到每一个错误,来了解是什么会导致它,以及如何避免这个问题。1、Uncau

    2020/03/29
  • threesixty-slider小白攻略一款可以制作360度产品图片预览的jQuery插件

    threesixty-slider基础入门 官方网址:https://github.com/creativeaura/threesixty-slider GitHub:https:…

    2020/03/05
  • 解码 PNG 图片使用帮助_图片小白攻略

    解码 PNG 图片就是把一张图片从二进制数据转成包含像素数据的 ImageData 。图片的二进制数据可以从 , ,Object URLs,Image URLs, Blob 对象上获取到。参见浏览器图像转换手册。ImageData 是一个包括了像素数据、图片宽高数据的对象。示例图片:point_up_2: 这是一张我们接下去要解

    2020/03/23
  • Vue SEO的四种方案菜鸟教程网_seo小白常识

    前言:众所周知,Vue SPA单页面应用对SEO不友好,当然也有相应的解决方案,下面列出几种最近研究和使用过的SEO方案,SSR和静态化基于Nuxt.js来说。1.SSR服务器渲染;2.静态化;3.预渲染prerender-spa-plugin;4.使用Phantomjs针对爬虫做处理。1.SSR服务器渲染关于服务器渲染:Vue官网介绍,对Vue版本有要求,

    2020/03/29
  • 程序员,你想不想进大厂?小白教程_程序员基础知识入门

    “怎么可以进大厂” 这个问题,跟“怎么可以在30岁前赚到1000万” 和 “怎么可以在40岁前赚到一个亿”本质是一样的,不存在一个明确指引,可以指引一个人一定可以成功,如果有这种武功秘籍,我早就发达了!这世上不存在这种武功秘籍,如果有人告诉你有,那一定是割韭菜的了,最好离这种人远远的,小心被割。进大厂的可能性是因人而异的,有些人基础好,能力强,概率会大很多;

    2020/03/26
  • 使用mui搜索框触发手机软键盘搜索按钮事件入门百科_mui菜鸟教程

    要虚拟键盘显示“搜索”二字,需满足以下两个条件:(1)设置input属性 type=‘search’(2)input需在form表单中
    <input id="search" type="search" class="mui-inp

    2020/03/26
  • jQuery 效果方法summary菜鸟教程_效果使用说明

    1. jQuery 效果 – slideDown() 方法 定义和用法slideDown() 方法通过使用滑动效果,显示隐藏的被选元素。(被选元素的高度发生变化)$(selector).slideDown(speed,callback)speed可选。规定元素从隐藏到可见的速度(或者相反)。默认为 “normal”。可能的值:毫秒 (比如 1500)”sl

    2020/03/22
  • join-monster入门教程_GraphQL和SQL之间的查询计划和批处理数据获取

    join-monster入门教程 官方网址:https://join-monster.readthedocs.io/en/latest/ GitHub:https://github…

    2020/03/11
  • 中间文字,两边横线的css3伪类的使用小白攻略_伪类菜鸟教程网

    效果如下::before,:afterCSS伪类是用来添加一些选择器的特殊效果。使用了css3的伪类,即相当于是在一个div中写入文字,然后在它前后各加了一个div,然后进行位置及宽高的代码:中间文字,两边横线
    div {font: 400 20px Helvetica, Arial, sans-serif;display: flex;

    2020/03/29
  • 原生JS在网页上复制的所有文字后面自动加上一段版权声明小白帮助_复制使用攻略

    不少技术博客有这样的处理,当我们复制代码的时候,会自动加上一段本信息版权为XXXX,这是怎么实现的呢?其实实现的方式很简单,可以在我的网站页面上绑定一个 copy 事件,当你复制文章内容的时候,自动在剪切板文字后面加上一段版权声明。我这边是没有加这些的,代码什么的想复制就复制好了。大家都是靠代码技能吃饭的,可以体会写代码的不易,相信一定会尊重知识劳动成果——

    2020/03/20