| <!-- |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| --> |
| <html> |
| <head> |
| <title>Data URI via proxy, sample/test page</title> |
| <script> |
| function makeXhr() { |
| if (window.ActiveXObject) { |
| x = new ActiveXObject("Msxml2.XMLHTTP"); |
| if (!x) { |
| x = new ActiveXObject("Microsoft.XMLHTTP"); |
| } |
| return x; |
| } |
| else if (window.XMLHttpRequest) { |
| return new window.XMLHttpRequest(); |
| } |
| } |
| |
| function displayViaProxy() { |
| var uri = document.getElementById("contentUri").value; |
| var xhr = makeXhr(); |
| xhr.open("GET", "/gadgets/proxy?output=js&container=default&url=" + encodeURIComponent(uri)); |
| xhr.onreadystatechange = function() { |
| if (xhr.readyState != 4) { |
| return; |
| } else if (xhr.status != 200) { |
| alert("Error attempting to fetch through proxy: " + xhr.responseText); |
| return; |
| } |
| var responseText = xhr.responseText; |
| var jsonPiece = responseText.length > 100 ? responseText.substring(0, 100) + "..." : responseText; |
| document.getElementById("status").innerHTML = new Date().toString() + ": got data [" + jsonPiece + "]"; |
| var json = eval('(' + responseText + ')'); |
| document.getElementById("theimage").src = json.dataUri; |
| }; |
| xhr.send(null); |
| } |
| </script> |
| </head> |
| |
| <body> |
| This page demonstrates the use of the content proxy to retrieve data URI encoded content, by displaying a retrieved URI as an image.<br/><br/> |
| Content URI: |
| <script> |
| document.write('<input type="text" size="100" name="contentUri" id="contentUri" value="' + ("http://" + window.location.host + "/samplecontainer/examples/rewriter/feather.png") + '"/>'); |
| </script> |
| <input type="button" name="display" id="display" value="Display!" onclick="displayViaProxy();"/><br/><br/><hr/><br/> |
| <div id="status"></div> |
| <div><img id="theimage" src="" alt="[image will appear here]"/></div> |
| </body> |
| |
| </html> |
