发表于: 2019-07-26 22:30:16

1 847


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 
明天计划的事情:(一定要写非常细致的内容) 
遇到的问题:(遇到什么困难,怎么解决的) 
收获:(通过今天的学习,学到了什么知识)

FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。

其中File对象可以是来自用户在一个<input>元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后返回结果。
返回一个新构造的FileReader





引用一些第三方插件要是没有声明类型的话,就会报错;

在.d.ts 的文件中声明一下就能规避这个报错


ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例:
用ref获取到的dom元素是这样的,然后通过 files[0] 这样子是报错的。但是看别人的教程是可以使用的;



每个事件函数如 click change 这样的事件都有一个event 对象,打印这个对象可以得到很多数据,其中有个target.files 里面就包含了文件的一些信息。



str是字符串参数,在rgExp和参数匹配的模式下返回true,否则返回false;
if (/^image/.test(file.type)) { /* 匹配文件类型为image的文件 */
file.type 返回 File 对象所表示文件的媒体类型(MIME)。字符串,包含媒体类型(MIME),表示文本是什么类型,例如 PNG 图像是 "image/png"。 



返回列表 返回列表
评论

    分享到