How do I let a user tweet an image?

Question

We have a twitter button set up where users click on it and a popup opens up to let the user tweet from their own account. How can we include an image with that tweet? (With facebook we've been able to do it).

<div>

   <a href="http://twitter.com/share" class="twitter-share-button"
      data-url="http://www.mysite.com"
      data-text="sharing this with you...."
      data-count="none">Tweet</a>
</div>



<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
  <script type="text/javascript">
 twttr.events.bind('tweet', function(event) {
       window.location = "http://www.mysite.com"

    });

</script>

Answer 1

To do this, you'll need to use the API directly (not just their widget). Details on how to post with a media item can be found at the status/update_with_media docs.

If you're looking for a kind of rendering a 'preview' of a link (what Facebook allows through Open Graph), then checkout the Cards documentation.

Answer 2

You can also use the following:

https://dev.twitter.com/rest/media/uploading-media