FileLoader.js 4.0 KB
Newer Older
M
Mr.doob 已提交
1 2 3 4
/**
 * @author mrdoob / http://mrdoob.com/
 */

M
Mr.doob 已提交
5 6 7
import { Cache } from './Cache';
import { DefaultLoadingManager } from './LoadingManager';

M
Mr.doob 已提交
8
function FileLoader( manager ) {
M
Mr.doob 已提交
9

R
Rich Harris 已提交
10
	this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager;
M
Mr.doob 已提交
11

M
Mr.doob 已提交
12
}
M
Mr.doob 已提交
13

M
Mr.doob 已提交
14
Object.assign( FileLoader.prototype, {
M
Mr.doob 已提交
15 16 17

	load: function ( url, onLoad, onProgress, onError ) {

18 19
		if ( url === undefined ) url = '';

M
Mr.doob 已提交
20 21
		if ( this.path !== undefined ) url = this.path + url;

22 23
		var scope = this;

R
Rich Harris 已提交
24
		var cached = Cache.get( url );
25 26 27

		if ( cached !== undefined ) {

28
			scope.manager.itemStart( url );
D
dubejf 已提交
29

30 31
			setTimeout( function () {

M
Mr.doob 已提交
32
				if ( onLoad ) onLoad( cached );
D
dubejf 已提交
33

34
				scope.manager.itemEnd( url );
D
dubejf 已提交
35

36
			}, 0 );
D
dubejf 已提交
37

38
			return cached;
39 40 41

		}

42 43 44
		// Check for data: URI
		var dataUriRegex = /^data:(.*?)(;base64)?,(.*)$/;
		var dataUriRegexResult = url.match( dataUriRegex );
M
Mr.doob 已提交
45

46 47
		// Safari can not handle Data URIs through XMLHttpRequest so process manually
		if ( dataUriRegexResult ) {
M
Mr.doob 已提交
48

M
Mr.doob 已提交
49 50 51
			var mimeType = dataUriRegexResult[ 1 ];
			var isBase64 = !! dataUriRegexResult[ 2 ];
			var data = dataUriRegexResult[ 3 ];
M
Mr.doob 已提交
52

M
Mr.doob 已提交
53
			data = window.decodeURIComponent( data );
54

M
Mr.doob 已提交
55
			if ( isBase64 ) data = window.atob( data );
56

57
			try {
58

59 60
				var response;
				var responseType = ( this.responseType || '' ).toLowerCase();
61

62
				switch ( responseType ) {
63

64 65
					case 'arraybuffer':
					case 'blob':
66

67
					 	response = new ArrayBuffer( data.length );
M
Mr.doob 已提交
68

69
						var view = new Uint8Array( response );
M
Mr.doob 已提交
70

71
						for ( var i = 0; i < data.length; i ++ ) {
M
Mr.doob 已提交
72

M
Mr.doob 已提交
73
							view[ i ] = data.charCodeAt( i );
M
Mr.doob 已提交
74

75
						}
76

77
						if ( responseType === 'blob' ) {
M
Mr.doob 已提交
78

M
Mr.doob 已提交
79
							response = new Blob( [ response ], { type: mimeType } );
M
Mr.doob 已提交
80

81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106
						}

						break;

					case 'document':

						var parser = new DOMParser();
						response = parser.parseFromString( data, mimeType );

						break;

					case 'json':

						response = JSON.parse( data );

						break;

					default: // 'text' or other

						response = data;

						break;

				}

				// Wait for next browser tick
M
Mr.doob 已提交
107
				window.setTimeout( function () {
108 109 110 111 112

					if ( onLoad ) onLoad( response );

					scope.manager.itemEnd( url );

M
Mr.doob 已提交
113
				}, 0 );
114 115 116 117

			} catch ( error ) {

				// Wait for next browser tick
M
Mr.doob 已提交
118
				window.setTimeout( function () {
119 120 121 122 123

					if ( onError ) onError( error );

					scope.manager.itemError( url );

M
Mr.doob 已提交
124
				}, 0 );
125

126
			}
M
Mr.doob 已提交
127

128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149
		} else {

			var request = new XMLHttpRequest();
			request.open( 'GET', url, true );

			request.addEventListener( 'load', function ( event ) {

				var response = event.target.response;

				Cache.add( url, response );

				if ( this.status === 200 ) {

					if ( onLoad ) onLoad( response );

					scope.manager.itemEnd( url );

				} else if ( this.status === 0 ) {

					// Some browsers return HTTP Status 0 when using non-http protocol
					// e.g. 'file://' or 'data://'. Handle as success.

M
Mr.doob 已提交
150
					console.warn( 'THREE.FileLoader: HTTP Status 0 received.' );
151 152 153 154

					if ( onLoad ) onLoad( response );

					scope.manager.itemEnd( url );
M
Mr.doob 已提交
155

156
				} else {
M
Mr.doob 已提交
157

158
					if ( onError ) onError( event );
M
Mr.doob 已提交
159

160 161 162
					scope.manager.itemError( url );

				}
M
Mr.doob 已提交
163 164 165

			}, false );

166 167 168 169 170 171 172 173 174 175 176
			if ( onProgress !== undefined ) {

				request.addEventListener( 'progress', function ( event ) {

					onProgress( event );

				}, false );

			}

			request.addEventListener( 'error', function ( event ) {
M
Mr.doob 已提交
177

178
				if ( onError ) onError( event );
M
Mr.doob 已提交
179

180
				scope.manager.itemError( url );
M
Mr.doob 已提交
181

182
			}, false );
M
Mr.doob 已提交
183

184 185
			if ( this.responseType !== undefined ) request.responseType = this.responseType;
			if ( this.withCredentials !== undefined ) request.withCredentials = this.withCredentials;
M
Mr.doob 已提交
186

187
			if ( request.overrideMimeType ) request.overrideMimeType( this.mimeType !== undefined ? this.mimeType : 'text/plain' );
M
Mr.doob 已提交
188

189
			request.send( null );
190

191
		}
M
Mr.doob 已提交
192

M
Mr.doob 已提交
193 194
		scope.manager.itemStart( url );

J
Josh Sacks 已提交
195 196
		return request;

M
Mr.doob 已提交
197 198
	},

199
	setPath: function ( value ) {
M
Mr.doob 已提交
200

201
		this.path = value;
M
Mr.doob 已提交
202
		return this;
M
Mr.doob 已提交
203 204 205

	},

206 207 208
	setResponseType: function ( value ) {

		this.responseType = value;
M
Mr.doob 已提交
209
		return this;
210 211 212

	},

213 214 215
	setWithCredentials: function ( value ) {

		this.withCredentials = value;
M
Mr.doob 已提交
216
		return this;
217

218 219 220 221 222 223 224
	},

	setMimeType: function ( value ) {

		this.mimeType = value;
		return this;

M
Mr.doob 已提交
225 226
	}

M
Mr.doob 已提交
227
} );
R
Rich Harris 已提交
228 229


M
Mr.doob 已提交
230
export { FileLoader };