frappe/public/js/wn/upload.js

// Copyright (c) 2013, Web Notes Technologies Pvt. Ltd.
// MIT License. See license.txt

// parent, args, callback
wn.upload = {
	make: function(opts) {
		var $upload = $("<div class='file-upload'>" + repl(wn._('Upload a file')+':<br>\
			<input class="alert alert-info" style="padding: 7px; margin-top: 7px;" type="file" name="filedata" />\
			OR:<br><input class="form-control" style="max-width: 300px;" type="text" name="file_url" /><br>\
			<p class="help">'
			+ (opts.sample_url || 'e.g. http://example.com/somefile.png') 
			+ '</p><br>\
			<input type="submit" class="btn btn-info btn-upload" value="'
				+wn._('Attach')+'" /></div>', {
				action: wn.request.url
			})).appendTo(opts.parent);
	

		// get the first file
		$upload.find(".btn-upload").click(function() {
			// convert functions to values
			for(key in opts.args) {
				if(typeof val==="function")
					opt.args[key] = opts.args[key]();
			}
			
			// add other inputs in the div as arguments
			opts.args.params = {};
			$upload.find("input[name]").each(function() {
				var key = $(this).attr("name");
				var type = $(this).attr("type");
				if(key!="filedata" && key!="file_url") {
					if(type === "checkbox") {
						opts.args.params[key] = $(this).is(":checked");
					} else {
						opts.args.params[key] = $(this).val();	
					}
				}
			})
			
			opts.args.file_url = $upload.find('[name="file_url"]').val();

			var fileobj = $upload.find(":file").get(0).files[0];
			wn.upload.upload_file(fileobj, opts.args, opts.callback, opts.onerror);
		})
	},
	upload_file: function(fileobj, args, callback, onerror) {
		if(!fileobj && !args.file_url) {
			msgprint(wn._("Please attach a file or set a URL"));
			return;
		}
		
		var _upload_file = function() {
			var msgbox = msgprint(wn._("Uploading..."));
			return wn.call({
				"method": "uploadfile",
				args: args,
				callback: function(r) {
					if(!r._server_messages)
						msgbox.hide();
					if(r.exc) {
						// if no onerror, assume callback will handle errors
						onerror ? onerror(r) : callback(null, null, r);
						return;
					}
					callback(r.message.fid, r.message.filename, r);
					$(document).trigger("upload_complete", 
						[r.message.fid, r.message.filename]);
				}
			});
		}
		
		if(args.file_url) {
			_upload_file();
		} else {
			var freader = new FileReader();

			freader.onload = function() {
				args.filename = fileobj.name;
				args.filedata = freader.result.split(",")[1];
				_upload_file();
			};
			
			freader.readAsDataURL(fileobj);
		}
	}
}