preloadJS是没有包含在easelJS库中,使用的话去官网下载一下就好了。
使用preloadJS其实就是主要用里面的LoadQueue这个类,在这里把这个类的API简单说下。
LoadQueue这个类包含preloadJS主要接口。LoadQueue是一个加载管理类,可以用来加载单个文件或者多个文件。
构造函数
LoadQueue ( [preferXHR=true] [basePath=""] [crossOrigin=""] )
LoadQueue的构造函数有三个参数,都是可选的:
1.preferXHR 这个表明是用XHR还是用HTML标签来加载。如果是false的时候,就用标签来加载,如果不能用标签的话,就还是用XHR来加载。默认是true,也就是说默认是用XHR来加载。
2.basePath
在加载资源时的,会把basePath加载url前面。这样加载同一个目录下的文件时,可以方便一点。 但是如果url是以协议(如”http://”)或者”../”这样路径开头时,不会添加basePath。
3.crossOrgin
这个参数不再用了,被LoadItem.crossOrigin取代了,这个先不管了。
事件
你可以订阅LoadQueue的以下事件
1.complete:当所有的文件都加载完成时触发。
2.error:当队列中的任何一个文件发生错误时触发。
3.progress:整个队列的加载进度发生变化时触发。
4.fileload:每个单独的文件加载完成时触发。
5.fileprogress:单独的文件加载进度发生变化时触发。只有在用XHR加载的时候才会触发。
添加文件和manifest
使用loadFile方法来添加文件或者文件列表,也可以用loadManifest方法来添加要加载的manifest。每次调用这两个方法,都会自动把文件加到队列的尾部。你想加入多少文件或者manifest都可以。
queue.loadFile("filePath/file.jpg");
queue.loadFile({id:"image", src:"filePath/file.jpg"});
queue.loadManifest(["filePath/file.jpg", {id:"image",src:"filePath/file.jpg"}]);