{"id":215,"date":"2012-03-29T18:46:50","date_gmt":"2012-03-29T17:46:50","guid":{"rendered":"http:\/\/laur.ie\/blog\/?p=215"},"modified":"2014-02-20T17:18:22","modified_gmt":"2014-02-20T17:18:22","slug":"easy-image-sharing-scrup","status":"publish","type":"post","link":"https:\/\/laur.ie\/blog\/2012\/03\/easy-image-sharing-scrup\/","title":{"rendered":"Easy image sharing on OS X using Scrup"},"content":{"rendered":"<p>Nowadays, people are really into this whole &#8220;Skitch&#8221; thing, and being able to send images\/screenshots to each other quickly. I&#8217;d been doing the same thing with TinyGrab for a long time, but I like to host things myself. Yes, TinyGrab has the ability to upload to your own server&#8230; but it uses FTP. This was causing me no end of issues, so I sought out something else.<\/p>\n<p>I found <a href=\"https:\/\/github.com\/rsms\/scrup\">Scrup<\/a>, and I&#8217;ve been using it for the last year or so very happily. It&#8217;s open source, and has been hanging around on Github for 2 years now.\u00a0There are some pretty sweet forks of it, including one that has support for a sound on upload completion, and Growl notifications too.<\/p>\n<h2>What does Scrup do?<\/h2>\n<p>So, you need to share an image, or a screenshot really quickly? Using the standard OS X screenshot features (Command + Shift + 4, and so on), you can hit one button and upload the image to your webserver and put the link to it into your clipboard ready for pasting anywhere.<\/p>\n<p>It does also have the ability to edit the screenshot pre-upload (such as adding arrows to point to important, or awesome things)<\/p>\n<h2>What you need<\/h2>\n<ul>\n<li>A server somewhere with some disk space<\/li>\n<li>PHP 5<\/li>\n<li>A webserver<\/li>\n<\/ul>\n<h2>How?<\/h2>\n<ol>\n<li>Install the Scrup.app onto your Mac. I <a href=\"http:\/\/denness.net\/Scrup.app.zip\">have a pre-compiled a version with the sound and Growl patch included<\/a>. You don&#8217;t have to use mine, you can compile it yourself using Xcode if you wish. (The source is on github here: <a href=\"https:\/\/github.com\/rsms\/scrup\">https:\/\/github.com\/rsms\/scrup<\/a>)<\/li>\n<li>Create a folder on your webserver that you want to store your images in. I call mine &#8220;grb&#8221; (short for &#8220;grab&#8221;) because I like short URLs. (\/var\/www\/grb\/ -&gt; http:\/\/laur.ie\/grb\/)<\/li>\n<li>In that folder, put a script that will\u00a0receive\u00a0the files, and then return the URL to where it stored the file. <a href=\"https:\/\/gist.github.com\/78965072a4a33d26ee2c\">You can view the one I use here<\/a> (modified from the one that ships with Scrup)\u00a0which names files something like &#8220;1s-euobfpq1xcwos.png&#8221; and has no authentication (so make sure you go the security-by-obscurity route of naming the script something random or add auth yourself)<\/li>\n<li>Open Scrup, and point it at your upload script. For example, http:\/\/yourhost\/grb\/receiver.php?name={filename}<img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" alt=\"\" src=\"https:\/\/laur.ie\/grb\/7k-7yoxcc79s8k0c.png\" width=\"544\" height=\"292\" \/><\/li>\n<li>Take screenshots! They should get uploaded and you should see a green tick in the menu bar. The URL of the uploaded image should also be in your clipboard, ready for pasting wherever.<\/li>\n<\/ol>\n<p>The best thing about Scrup is that it has a simple, fast UI for just uploading things quickly, and because it uses a regular HTTP POST, it works on whatever weird internet connection you may be on.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nowadays, people are really into this whole &#8220;Skitch&#8221; thing, and being able to send images\/screenshots to each other quickly. I&#8217;d been doing the same thing with TinyGrab for a long time, but I like to host things myself. Yes, TinyGrab has the ability to upload to your own server&#8230; but it uses FTP. This was &hellip; <a href=\"https:\/\/laur.ie\/blog\/2012\/03\/easy-image-sharing-scrup\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Easy image sharing on OS X using Scrup<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3],"tags":[],"class_list":["post-215","post","type-post","status-publish","format-standard","hentry","category-technology"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pioRW-3t","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/laur.ie\/blog\/wp-json\/wp\/v2\/posts\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laur.ie\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/laur.ie\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/laur.ie\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laur.ie\/blog\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":16,"href":"https:\/\/laur.ie\/blog\/wp-json\/wp\/v2\/posts\/215\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/laur.ie\/blog\/wp-json\/wp\/v2\/posts\/215\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/laur.ie\/blog\/wp-json\/wp\/v2\/media?parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/laur.ie\/blog\/wp-json\/wp\/v2\/categories?post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/laur.ie\/blog\/wp-json\/wp\/v2\/tags?post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}