api.txt

(function(){
	var uploader = $('#upload-btn').pomf('#upload-form')
	
	var progressTotal = $('#upload-progress-total')
	var progressFile = $('#upload-progress-file')
	var uploadPreview = $('#upload-preview')
	var uploadInfo = $('span', uploadPreview)
	var previews = $('li', uploadPreview)

	var getFileIcon = function () {
		return 'cocks'
	}

	uploader.on('change', function (files) {
		$('<span class="upload-preview-name">')
			.text(files.length + ' files')
			.appendTo(uploadInfo)
		$('<span class="upload-preview-size">')
			.text(files.size)
			.appendTo(uploadInfo)
		files.each(function (file) {
			var preview = $('<li class="file-preview">')
			var fileImage = $('<img class="file-preview-image">').appendTo(preview)
			var fileInfo = $('<caption class="file-preview-info">').appendTo(preview)
			
			fileImage.attr('src', getFileIcon(file))

			$('<span class="file-preview-name">')
				.text(file.name)
				.appendTo(fileInfo)
			$('<span class="file-preview-size">')
				.text(file.size)
				.appendTo(fileInfo)

			previews.append(preview)
		})
	})

	uploader.on('uploadStart', function (files) {
		progressTotal.attr('max', files.size)
		progressFile.attr('max', files[0].size)
	})
	uploader.on('uploadProgress', function (files) {
		progressTotal.attr('value', files.uploadedSize)
		progressFile.attr('value', files.current.uploadedSize)
	})
	uploader.on('uploadComplete', function (files) {
		progressTotal.hide()
		progressFile.hide()
	})
	uploader.on('uploadResponse', function (response) {
		var response = JSON.parse(response)
		response.each(function (item) {
			console.log(item)
		})
	})
})()