t3d. ImageLoader

A loader for loading an Image.

Constructor

new ImageLoader()

Extends

Members

crossOrigin :String

The crossOrigin string to implement CORS for loading the url from a different domain that allows CORS.
Type:
  • String
Default Value
  • 'anonymous'

manager :t3d.LoadingManager

The loadingManager the loader is using.
Default Value
  • t3d.DefaultLoadingManager

path :String

The base path from which the asset will be loaded.
Type:
  • String
Default Value
  • ''

requestHeader :Object

The request header used in HTTP request.
Type:
  • Object
Default Value
  • {}

withCredentials :Boolean

Whether the XMLHttpRequest uses credentials.
Type:
  • Boolean
Default Value
  • false

Methods

load(url, onLoad=opt, onProgress=opt, onError=opt) → {HTMLImageElement}

Begin loading from url and return the image object that will contain the data.
Parameters:
NameTypeAttributesDescription
urlString— the path or URL to the file. This can also be a Data URI.
onLoad=function<optional>
— Will be called when loading completes. The argument will be the loaded response.
onProgress=function<optional>
— Will be called while load progresses. The argument will be the XMLHttpRequest instance, which contains .total and .loaded bytes.
onError=function<optional>
— Will be called if an error occurs.
Returns:
Type: 
HTMLImageElement

loadAsync(url, onProgressopt) → {Promise}

This method is equivalent to .load, but returns a Promise. onLoad is handled by Promise.resolve and onError is handled by Promise.reject.
Parameters:
NameTypeAttributesDescription
urlStringA string containing the path/URL of the file to be loaded.
onProgressfunction<optional>
A function to be called while the loading is in progress. The argument will be the ProgressEvent instance, which contains .lengthComputable, .total and .loaded. If the server does not set the Content-Length header; .total will be 0.
Returns:
Type: 
Promise

setCrossOrigin(crossOrigin) → {this}

Parameters:
NameTypeDescription
crossOriginStringThe crossOrigin string to implement CORS for loading the url from a different domain that allows CORS.
Returns:
Type: 
this

setPath(path) → {this}

Parameters:
NameTypeDescription
pathStringSet the base path for the asset.
Returns:
Type: 
this

setRequestHeader(requestHeader) → {this}

Parameters:
NameTypeDescription
requestHeaderObjectkey: The name of the header whose value is to be set. value: The value to set as the body of the header.
Returns:
Type: 
this

setWithCredentials(value) → {this}

Parameters:
NameTypeDescription
valueBooleanWhether the XMLHttpRequest uses credentials such as cookies, authorization headers or TLS client certificates. Note that this has no effect if you are loading files locally or from the same domain.
Returns:
Type: 
this