Improving the Chunk Method

2018-02-23 13:03:05 -03:00
parent 4ead005a66
commit 6c76a590eb
3 changed files with 276 additions and 5 deletions
--- a/src/file-upload/file-chunk.class.ts
+++ b/src/file-upload/file-chunk.class.ts
@@ -0,0 +1,244 @@
+export class FileChunk {
+	public stepSize:number = 1024 * 1024 * 3;
+	public rawFile:any = null;
+	public uploadProgress:number = null;
+	public uploading:boolean = null;
+	public uploadComplete:boolean = null;
+	public byteStepSize:number = null;
+	public totalSize:number = null;
+	public startByte:number = null;
+	public endByte:number = null;
+	public currentChunk:number = 0;
+	public totalChunks:number = null;
+	public uniqueIdentifier:string = null;
+	public totalSent:number = null;
+	public extraData:any = {};
+	constructor(rawFile:any, options:any = {}) {
+
+		if (typeof options !== 'undefined'){
+			if (typeof options.byteStepSize !== 'undefined'){
+				this.setByteStepSize(options.byteStepSize);
+			}
+		}
+		this.setRawFile(rawFile)
+
+		this.setRawFile(rawFile);
+		this.setUploadProgress(0);
+		this.setUploading(false);
+		this.setUploadComplete(false);
+		this.setTotalSize(this.getRawFile().size);
+		this.setStartByte(0);
+		this.setEndByte(this.getByteStepSize());
+		this.setCurrentChunk(0);
+		if (!this.getBrowserSliceMethod()){
+			this.setTotalChunks(1);
+		}
+		else{
+			this.setTotalChunks(Math.ceil(this.totalSize / this.byteStepSize));	
+		}
+		this.setUniqueIdenfier(this.generateUniqueIdentifier());
+		this.setTotalSent(0);
+	}
+
+	public setExtraData(index:any, value:any){
+		this.extraData[index] = value;
+	}
+
+	public getExtraData(index:any){
+		return this.extraData[index];
+	}
+	
+	//getters and setters
+	public setProgress(v:any){
+		this.uploadProgress = v;
+	}
+
+	public getProgress(){
+		return this.uploadProgress;
+	}
+
+	public setUploading(v:boolean){
+		this.uploading = v;
+	}
+
+	public getUploading(){
+		return this.uploading;
+	}
+
+	public getUploadComplete(){
+		return this.uploadComplete;
+	}
+
+	public setUploadComplete(v:boolean){
+		this.uploadComplete = v;
+	}
+
+	public setUploadProgress(v:number){
+		this.uploadProgress = v;
+	}
+
+	public getUploadProgress(){
+		return this.uploadProgress;
+	}
+
+	public getStartByte(){
+		return this.startByte;
+	}
+
+	public setStartByte(v:number){
+		this.startByte = v;
+	}
+
+	public getEndByte(){
+		return this.endByte;
+	}
+
+	public setEndByte(v:number){
+		this.endByte = v;
+	}
+
+	public getByteStepSize(){
+		return this.byteStepSize;
+	}
+
+	public setByteStepSize(v:number){
+		this.byteStepSize = v;
+	}
+
+	public setTotalSize(v:number){
+		this.totalSize = v;
+	}
+
+	public getTotalSize(){
+		return this.totalSize;
+	}
+
+	public getRawFile(){
+		return this.rawFile;
+	}
+
+	public setRawFile(v:File){
+		this.rawFile = v;
+	}
+
+	public getCurrentChunk(){
+		return this.currentChunk;
+	}
+
+	public setCurrentChunk(v:number){
+		this.currentChunk = v;
+	}
+
+	public getTotalChunks(){
+		return this.totalChunks;
+	}
+
+	public setTotalChunks(v:number){
+		this.totalChunks = v;
+	}
+
+	public setUniqueIdenfier(v:string){
+		this.uniqueIdentifier = v;
+	}
+
+	public getUniqueIdenfier(){
+		return this.uniqueIdentifier;
+	}
+
+	public getRawFileExtension(){
+		const extension = this.getRawFileName().split('.');
+		return extension[extension.length - 1];
+	}
+
+	public getRawFileName(){
+		return this.getRawFile().name;
+	}
+
+	public getContentType(){
+		return this.getRawFile().type;
+	}
+
+	public getTotalSent(){
+		return this.totalSent;
+	}
+
+	public setTotalSent(v:number){
+		this.totalSent = v;
+	}
+
+	public getCurrentRawFileChunk(){
+		if (!this.getBrowserSliceMethod()){
+			return this.getRawFile();
+		}
+		else{
+			return this.getRawFile()[this.getBrowserSliceMethod()](this.getStartByte(), this.getEndByte());
+		}
+	}
+
+	public retrocedeChunk(){
+		if (!this.getBrowserSliceMethod()){
+			return false;
+		}
+
+		this.setEndByte(this.getStartByte());
+		this.setStartByte(this.getStartByte() - this.getByteStepSize());
+		this.setCurrentChunk(this.getCurrentChunk() - 1);
+
+		if (this.getTotalSent() != 0){
+			this.setTotalSent(this.getTotalSent() - this.getByteStepSize());
+		}
+	}
+
+	public prepareNextChunk(){
+		if (!this.getBrowserSliceMethod()){
+			return false;
+		}
+
+		if (this.getEndByte() > this.getTotalSize()){ //finished
+			return false;
+		}
+
+		this.setStartByte(this.getEndByte());
+		this.setEndByte(this.getEndByte() + this.getByteStepSize());
+		this.setCurrentChunk(this.getCurrentChunk() + 1);
+
+		return true;
+	}
+
+	public getBrowserSliceMethod():string{
+		if (this.rawFile && typeof this.rawFile !== 'undefined'){
+	        if (this.rawFile.slice && typeof this.rawFile.slice == 'function'){
+	        	return 'slice';
+	        }
+	        else if(this.rawFile.mozSlice && typeof this.rawFile.mozSlice == 'function'){
+	            return 'mozSlice';
+	        }
+	        else if(this.rawFile.webkitSlice && typeof this.rawFile.webkitSlice == 'function'){
+	            return 'webkitSlice';
+	        }
+	    }
+	    else{
+	    	return null;
+	    }
+	}//getBrowserSliceMethod() ends here
+
+
+	public generateUniqueIdentifier():string{
+	    var d = new Date().getTime();
+
+	    if (typeof performance !== 'undefined' && typeof performance.now === 'function'){
+	        d += performance.now(); //use high-precision timer if available
+	    }
+	    
+	    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+	        var r = (d + Math.random() * 16) % 16 | 0;
+	        d = Math.floor(d / 16);
+	        return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
+	    });
+	}
+
+}
+
+
+
+