FileReader - 用于异步读取存用户的文件（或原始数据缓冲区）内容

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

爱逃课的啤酒 · 在JavaScript中用下划线替换空格？_ ...· 1 月前 ·

坚强的啄木鸟 · TypeScript中的any、never、 ...· 1 月前 ·

怕老婆的海豚 · 部署 PHP 系列第 3 部分：加速用于 ...· 2 月前 ·

讲道义的茶叶 · 白人优越主义_百度百科· 5 月前 ·

孤独的饼干 · 关于 ...· 7 月前 ·

FileReader - 用于异步读取存用户的文件（或原始数据缓冲区）内容

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

文件对象可以是来自用户通过 <input> 元素选择文件后返回的 FileList 对象，或者是来自拖放操作产生的 <datatransfer> 对象，或者是来自 HTMLCanvasElement 的 mozGetAsFile() API。

注意： 此特性在 Web Worker 中可用。 FileReader()
返回一个新构造的 FileReader 。

有关详细信息和示例，请参阅使用 Web 应用程序中的文件。
FileReader.error 只读
一个 DOMException 表示读取文件时发生的错误。
FileReader.readyState 只读
一个数字，表示 FileReader 的状态。它是以下的一个值：
EMPTY 尚未加载任何数据。 LOADING 目前正在加载数据。整个读取请求已完成。
progress 事件的处理程序。读取 Blob 内容时会触发该事件。

当 FileReader 继承自 EventTarget 时，也可以使用 addEventListener 方法监听所有这些事件。
FileReader.abort()
中止读取操作。返回时， readyState 将为 DONE 。
FileReader.readAsArrayBuffer()
开始读取指定的 Blob 的内容，一旦完成， result 属性包含表示文件数据的 ArrayBuffer 。
FileReader.readAsBinaryString()
开始读取指定的 Blob 的内容，一旦完成， result 属性将包含文件中的原始二进制数据作为字符串。
FileReader.readAsDataURL()
开始读取指定的 Blob 的内容，一旦完成， result 属性包含一个表示文件数据的 data: URL。
FileReader.readAsText()
开始读取指定的 Blob 的内容，一旦完成， result 属性将文件的内容包含为文本字符串。
File API
FileReader 的定义桌面浏览器兼容性 Chrome Firefox Internet Explorer Opera Safari 3.6 ¹ Available in workers abort error 3.6 ² ³ ⁴ onabort onerror onload onloadend onprogress readyState readAsArrayBuffer readAsBinaryString readAsDataURL readAsText result
1. 在 Firefox 4 之前， Blob 的参数原来是 File 对象。

2. 在 Firefox 13 之前， error 属性是一个 FileError 对象。

3. 从 Firefox 13 到 Firefox 58， error 属性返回了 DOMError 对象。

4. 从 Firefox 58 开始， error 属性时一个 DOMException 对象。

5. 从 Firefox 32 到 Firefox 58， error 属性是一个 DOMError 对象。

6. error 属性是一个 error 对象。

使用 Web 应用程序中的文件

PresentationConnection

PresentationConnectionAvailableEvent

PresentationConnectionCloseEvent

PresentationConnectionList

PresentationReceiver

PresentationRequest

ProcessingInstruction

ProgressEvent

PromiseRejectionEvent

PublicKeyCredential

PublicKeyCredentialCreationOptions

PublicKeyCredentialRequestOptions

PushEvent

PushManager

PushMessageData

PushSubscription

RadioNodeList

Range

ReadableByteStreamController

ReadableStream

ReadableStreamBYOBReader

ReadableStreamBYOBRequest

ReadableStreamDefaultController

ReadableStreamDefaultReader

RelativeOrientationSensor

RenderingContext

Report

ReportingObserver

ReportingObserverOptions

Request

RequestDestination

ResizeObserver

ResizeObserverEntry

ResizeObserverSize

Response

RsaHashedImportParams

RsaHashedKeyGenParams

RsaOaepParams

RsaPssParams

RTCAnswerOptions

RTCCertificate

RTCConfiguration

RTCDataChannel

RTCDataChannelEvent

RTCDtlsTransport

RTCDTMFSender

RTCDTMFToneChangeEvent

RTCError

RTCErrorEvent

RTCIceCandidate

RTCIceCandidateInit

RTCIceCandidatePair

RTCIceCandidatePairStats

RTCIceCandidateStats

RTCIceCandidateType

RTCIceComponent

RTCIceCredentialType

RTCIceGathererState

RTCIceParameters

RTCIceProtocol

RTCIceRole

RTCIceServer

RTCIceTcpCandidateType

RTCIceTransport

RTCIceTransportState

RTCIdentityAssertion

RTCIdentityErrorEvent

RTCIdentityEvent

RTCInboundRtpStreamStats

RTCNetworkType

RTCOfferAnswerOptions

RTCOfferOptions

RTCOutboundRtpStreamStats

RTCPeerConnection

RTCPeerConnectionIceErrorEvent

RTCPeerConnectionIceEvent

RTCRemoteOutboundRtpStreamStats

RTCRtcpParameters

RTCRtpCapabilities

RTCRtpCodecCapability

RTCRtpCodecParameters

RTCRtpContributingSource

RTCRtpEncodingParameters

RTCRtpParameters

RTCRtpReceiveParameters

RTCRtpReceiver

RTCRtpSender

RTCRtpSendParameters

RTCRtpStreamStats

RTCRtpSynchronizationSource

RTCRtpTransceiver

RTCRtpTransceiverDirection

RTCRtpTransceiverInit

RTCSctpTransport

RTCSessionDescription

RTCStats

RTCStatsIceCandidatePairState

RTCStatsReport

RTCStatsType

RTCTrackEvent

RTCTrackEventInit

Sanitizer

Screen

ScreenOrientation

ScriptProcessorNode

ScrollToOptions

SecurityPolicyViolationEvent

Selection

Sensor

SensorErrorEvent

Serial

SerialPort

Service Worker API

ServiceWorker

ServiceWorkerContainer

ServiceWorkerGlobalScope

ServiceWorkerMessageEvent

ServiceWorkerRegistration

ServiceWorkerState

ShadowRoot

SharedWorker

SharedWorkerGlobalScope

Slotable

SourceBuffer

SourceBufferList

SpeechGrammar

SpeechGrammarList

SpeechRecognition

SpeechRecognitionAlternative

SpeechRecognitionError

SpeechRecognitionErrorEvent

SpeechRecognitionEvent

SpeechRecognitionResult

SpeechRecognitionResultList

SpeechSynthesis

SpeechSynthesisErrorEvent

SpeechSynthesisEvent

SpeechSynthesisUtterance

SpeechSynthesisVoice

StaticRange

StereoPannerNode

Storage

StorageEstimate

StorageEvent

StorageManager

StorageQuota

StylePropertyMap

StylePropertyMapReadOnly

StyleSheet

StyleSheetList

SubmitEvent

SubtleCrypto

SVGAElement

SVGAltGlyphDefElement

SVGAltGlyphElement

SVGAltGlyphItemElement

SVGAngle

SVGAnimateColorElement

SVGAnimatedAngle

SVGAnimatedBoolean

SVGAnimatedEnumeration

SVGAnimatedInteger

SVGAnimatedLength

SVGAnimatedLengthList

SVGAnimatedNumber

SVGAnimatedNumberList

SVGAnimatedPreserveAspectRatio

SVGAnimatedRect

SVGAnimatedString

SVGAnimatedTransformList

SVGAnimateElement

SVGAnimateMotionElement

SVGAnimateTransformElement

SVGAnimationElement

SVGCircleElement

SVGClipPathElement

SVGComponentTransferFunctionElement

SVGCursorElement

SVGDefsElement

SVGDescElement

SVGElement

SVGEllipseElement

SVGEvent

SVGFEBlendElement

SVGFEColorMatrixElement

SVGFEComponentTransferElement

SVGFECompositeElement

SVGFEConvolveMatrixElement

SVGFEDiffuseLightingElement

SVGFEDisplacementMapElement

SVGFEDistantLightElement

SVGFEDropShadowElement

SVGFEFloodElement

SyncEvent

SyncManager

TaskAttributionTiming

TextDecoder

TextEncoder

TextMetrics

TextTrack

TextTrackCue

TextTrackList

TimeEvent

TimeRanges

Touch

TouchEvent

TouchList

TrackDefault

TrackDefaultList

TrackEvent

Transferable

TransformStream

TransitionEvent

TreeWalker

TypeInfo

UIEvent

ULongRange

URLSearchParams

URLUtilsReadOnly

USBAlternateInterface

USBConfiguration

USBDevice

USBEndpoint

USBInterface

USBInTransferResult

USBIsochronousInTransferPacket

USBIsochronousInTransferResult

USBIsochronousOutTransferPacket

USBIsochronousOutTransferResult

USBOutTransferResult

UserDataHandler

UserProximityEvent

USVString

ValidityState

VideoConfiguration

VideoPlaybackQuality

VideoTrack

VideoTrackList

VisualViewport

VRDisplay

VRDisplayCapabilities

VRDisplayEvent

VREyeParameters

VRFrameData

VRLayerInit

VRPose

VRStageParameters

VTTCue

VTTRegion

WakeLock

WakeLockSentinel

WaveShaperNode

WebKitCSSMatrix

WebSocket

WheelEvent

Window

WindowClient

WindowEventHandlers

WindowOrWorkerGlobalScope

Worker

WorkerGlobalScope

WorkerLocation

WorkerNavigator

Worklet

WritableStream

WritableStreamDefaultController

WritableStreamDefaultWriter

XDomainRequest

XMLDocument

XMLHttpRequest

XMLHttpRequestEventTarget

XMLHttpRequestResponseType

XMLSerializer

XPathEvaluator

XPathException

XPathExpression

XPathNSResolver

XPathResult

XRBoundedReferenceSpace

XREnvironmentBlendMode

XREye

XRFrame

XRFrameRequestCallback

XRHandedness

XRInputSource

XRInputSourceArray

XRInputSourceEvent

XRInputSourceEventInit

XRInputSourcesChangeEvent

XRInputSourcesChangeEventInit

XRPermissionDescriptor

XRPermissionStatus

XRPose

XRReferenceSpace

XRReferenceSpaceEvent

XRReferenceSpaceEventInit

XRReferenceSpaceType

XRRenderState

XRRenderStateInit

XRRigidTransform

XRSession

XRSessionEvent

XRSessionEventInit

XRSessionInit

XRSessionMode

XRSpace

XRSystem

XRTargetRayMode

XRView

XRViewerPose

XRViewport

XRVisibilityState

XRWebGLLayer

XRWebGLLayerInit

XSLTProcessor

环境光事件

后台任务 API

条形码检测 API

Beacon API

Broadcast Channel API

Canvas API

Channel Messaging API

Clipboard API

Console API

Constraint Validation API

Contact Picker API

Content Index API

Cookie Store API

Credential Management API

CSS Counter Styles

CSS Font Loading API

CSS Object Model (CSSOM)

CSS Painting API

CSS Properties 和 Values API

CSS Typed Object Model API

Device Memory API

Document Object Model (DOM)

Element Timing API

Encoding API

Encrypted Media Extensions API

Fetch API

File and Directory Entries API

FileHandle API

File System Access API

Force Touch events

Frame Timing API

Fullscreen API

Gamepad API

Geolocation API

History API

HTML DOM API

HTML Drag and Drop API

HTML Sanitizer API

IndexedDB API

InputDeviceCapabilities API

Intersection Observer API

Keyboard API

Long Tasks API

Media Capabilities API

Media Session API

Media Source API

Media Streams API

MediaStream Image Capture API

MediaStream Recording API

Navigation Timing API

Network Information API

Notifications API

Page Visibility API

Payment Request API

Performance API

Performance Timeline

Permissions API

Picture-in-Picture API

Pointer events

Pointer Lock API

Presentation API

Proximity Events

Push API

Reporting API

Resize Observer API

Resource Timing API

Screen Capture API

Screen Orientation API

Screen Wake Lock API

Sensor APIs

Server-sent events

Service Worker API

Storage Access API

Storage API

Streams API