SequentialUploader.js

SequentialUploader.js

function SequentialUploader(url, name){
	// local vars
	var files = [];
	var uploading = false;

	// public method
	this.add = function(file, options){
		console.log('new file');
		files.push({
			file: file,
			options: options || {}
		});

		if(!uploading){
			upload(files); // strat upload
		}
	};

	// private method
	function upload(files){
		console.log(files[0]);
		if(_.isEmpty(files)) {//残りのファイルが無い場合終了する
			console.log('uploaded');
			uploading = false;
			return ;
		}

		console.log('start uploading');

		uploading = uploading || true;

		var file = files.shift();

		var formData = new FormData();
		formData.append(name, files.file);

		$.ajax({
			method: 'POST',
			url: url,
			cache: false,
			contentType: false,
			processData: false,
			data: formData,
			dataType: 'json',
			success: function(res, status, xhr){
				if(file.options.success){
					file.options.success(res, status, xhr);
				}
				upload(files);
			},
			error: function(res, status, error){
				console.log('error');
				if(file.options.error){
					file.options.error(res, status, error);
				}
				upload(files);
			}
		});
	}
};