post header image for My First Chrome Extension - "Post To Tumblr"

My First Chrome Extension - "Post To Tumblr"

14th October 2010

Woo! I have just published my first Chrome extension :)

It was really annoying me that when I found a funny cat or some other silly image I would have to go through an annoying process to get that image on my Tumblr account.

What I really wanted was some right-click-post action going on and wondered why no one had done one it yet. So with an hour or so to spare I whipped this extension up really quick.

It uses the Chrome 6 Context Menu API so you obviously need to have Chrome 6 to be able to use it.

Currently it only posts images as that's all I needed for now but if enough people want more then ill whip out the other data types.

The source couldn't be any simpler really, infact this is it here:

chrome.contextMenus.create({ title: "Post Image To Tumblr", contexts: ["image"], onclick: postImage, }); function postImage(info, tab) { var email = localStorage["tumblr_email"]; var password = localStorage["tumblr_pass"]; if (!email || email == "" || !password || password == "") { alert("Need to set your Tumblr username and password in the options before posting!"); } else { var o = { email: email, password: password, type: "photo", source: info.srcUrl, }; var success = function (data, textStatus, request) { if (textStatus == "success") { alert("Image posted to Tumblr. Image -> " + info.srcUrl); } else { alert("Bad email or password"); } }; $.post("", o, success); } }


Theres even an option page where you put in your Tumblr details:

Oh, there is one issue.

No matter what I tried I couldn't manage to get the Tumblr API to return an error. So if you enter your username or password incorrectly it still reports success, not entirely sure why, if someone knows I would love to hear why!

Interested? You can go grab it over on the chrome extensions gallery page -> HERE