ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

[JS] 聊一聊File对象

2021-11-28 17:00:08  阅读:169  来源: 互联网

标签:slice const URL fooFile JS 聊一聊 File foo


File 是一个构造函数 是一种特殊的Blob

const fooFile = new File(['foo'], 'foo.txt', {type: ''text/plain})  // 得到一个内容是 foo 的 foo.txt文件

cosnt fooFIleUrl = URL.createObjectURL(fooFile) // 得到一个字符串 "blob:https://developer.mozilla.org/578d33f2-b22e-488b-b94c-f6e78ae953cc" 可以类似img.src那样使用该字符串

new File(bytes, fileName [,options])     // bytes可以是ArrayBuffer TypedArray 等二进制数据类型

File实例对象下有常用的属性

 lastModifiedDate (返回当前 File 对象所引用文件最后修改时间的 Date 对象。)

name (返回当前 File 对象所引用文件的名字。)

size(返回文件的大小。)

webkitRelativePath (返回 File 相关的 path 或 URL。)

type(媒体类型)

延申 媒体类型(MIME)

用来表示文件 文档 字节流的性质和格式的一种标准

通用的结构为 type/subtype (类型一览表)

例子 "text/html"

方法(继承Blob的一些实用方法)

文件下载 \ 图片显示

URL.createObjectURL(blob)对File对象也是适用 赋予给a.download就可下载文件 赋予给img.src就可显示图片

资源分段上传

blob.slice\file.slice 分割二进制数据为Blob进行分段上传

const fooFile = new File(['fsdjklafhkasdh'], 'foo.txt', {type: 'text/plain'})

const part1 = fooFile.slice(0,5)

const part2 = fooFile.slice(5)

cosnt contactFile = new Blob([part1,part2])

URL.createObjectURL(contactFile) // 得到一个复原后的fileURL

标签:slice,const,URL,fooFile,JS,聊一聊,File,foo
来源: https://blog.csdn.net/huweiye2015/article/details/121593931

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有