{"id":16324,"date":"2015-08-02T05:01:43","date_gmt":"2015-08-01T19:01:43","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=16324"},"modified":"2015-08-02T20:37:11","modified_gmt":"2015-08-02T10:37:11","slug":"yahoo-yql-web-service-json-data-uri-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/yahoo-yql-web-service-json-data-uri-tutorial\/","title":{"rendered":"Yahoo YQL Web Service JSON data.uri Tutorial"},"content":{"rendered":"
\"Yahoo<\/a>

Yahoo YQL Web Service JSON data.uri Tutorial<\/p><\/div>\n

Here is a tutorial that might be re-introducing you to the Yahoo Web Services called YQL, building on previous ones here at this blog<\/a>. The name is the way it is because it simplified the API aspects of its functionality for the developer to concentrate on SQL, and I’m really supportive of this concept. You don’t have to output in JSON, as other data forms like XML are acceptable. Let’s see what Wikipedia says about YQL below. <\/p>\n

\n

Yahoo! Query Language (YQL) is an SQL-like query language created by Yahoo! as part of their Developer Network. YQL is designed to retrieve and manipulate data from APIs through a single Web interface, thus allowing mashups that enable developers to create their own applications.[1]<\/p>\n

Initially launched in October 2008 with access to Yahoo APIs,[2] February 2009 saw the addition of open data tables from third parties such as Google Reader, the Guardian, and The New York Times.[3] Some of these APIs still require an API key to access them. On April 29th of 2009, Yahoo introduced the capability to execute the tables of data built through YQL using JavaScript run on the company’s servers for free.[3]<\/p>\n<\/blockquote>\n

So this tutorial uses a YQL web service into the data emanating from its links to the data.uri web service database with Yahoo YQL website … thanks.<\/p>\n

We’ve talked in passing about the data.uri concept before. In the case of an HTML img<\/i><\/a> tag’s definition you can specify the src= value in three different ways …<\/p>\n

    \n
  1. as an address via an http: or https: protocol URL such as http:\/\/www.rjmprogramming.com.au\/MyBusinessUnidad\/Welcome_files\/logo.jpg (our default)<\/li>\n
  2. as an address via a local file: protocol URL such as file:\/\/\/Library\/pgAgent\/Desktop\/dynamic_javascript.jpg accessing a local image on the local computer being used (like you can make happen when you access your web browser’s File->Open File… functionality)<\/li>\n
  3. as a data uri<\/a> value which is a way to fully define the image data there and then, using base64<\/a> data<\/li>\n<\/ol>\n

    What this data.uri Yahoo Yql web service is providing, is a way to create a data uri from an http: or https: URL definition of a media file (image in our thinking above) … but, please note there is a 25600 byte limit to the size of the media file.<\/p>\n

    In our application today we show you an HTML img<\/i> tag of the data on the parent page (the Firefox browser Firebug add on is showing you the resultant data uri) with a Javascript code scenario …<\/p>\n


    \nvar thedatauri = 'data:image\/jpeg;charset=UTF-8;base64,<!-- base64 data -->';
    \nvar wo=window.open('', 'imagename.jpg', 'top=400,left=400,width=200,height=200,resizable=yes');
    \nwo.document.write('<img src=\"' + thedatauri + '\" \/>');
    \n<\/code><\/p>\n

    … arranged by today’s PHP code you could call data_uri_yql.php<\/a> or try a live run<\/a>. In that way the HTML img<\/i> data of the resultant popup window has no reference to any particular address on the web and would be useful for document fidelity purposes perhaps, as we’ve discussed previously on the blog here<\/a>, because there is no trail back regarding its metadata.<\/p>\n

    Good links for information regarding this tutorial (thanks) are:<\/p>\n