MICROSOFT_PRESS_EBOOK_PROGRAMMING_WINDOWS_8_APPS_WITH_HTML_CSS_AND_JAVASCRIPT_PDF

The key here is the args.detail.shareOperation object provided to the activated handler. This is a
Windows.ApplicationModel.DataTransfer.ShareTarget.ShareOperation object, whose data
property contains a read-only package called a DataPackageView from which you obtain all the goods:
• To check whether the package has formats you can consume, use the contains method or the
availableFormats collection.
• To obtain data from the package, use its get* methods such as getTextAsync, getBitmap-Async,
and getDataAsync (for custom formats). When pasting HTML you can also use the
getResourceMapAsync method to get relative resource URIs. The view’s properties like the
thumbnail are also useful to provide a preview of the data.
As you can see, the Share target item template code above doesn’t do anything with shared data
other than display the title, description, and thumbnail; clearly your app will do something more by
requesting data from the package, like the examples we see in the share target sample. Its js/target.js
file contains an activated handler for the target.html page (in the project root), and it also displays the
thumbnail in the data package by default. It then looks for different data formats and displays those
contents if they exist:
if (shareOperation.data.contains(Windows.ApplicationModel.DataTransfer.StandardDataFormats.
text)) {
shareOperation.data.getTextAsync().done(function (text) {
displayContent("Text: ", text, false);
});
}
The same kind of code appears for the simpler formats. Consuming a bitmap is a little more work but
straightforward:
if (shareOperation.data.contains(Windows.ApplicationModel.DataTransfer.StandardDataFormats.
bitmap)) {
shareOperation.data.getBitmapAsync().done(function (bitmapStreamReference) {
bitmapStreamReference.openReadAsync().done(function (bitmapStream) {
if (bitmapStream) {
var blob = MSApp.createBlobFromRandomAccessStream(bitmapStream.contentType,
bitmapStream);
document.getElementById("imageHolder").src = URL.createObjectURL(blob,
{ oneTimeOnly: true });
document.getElementById("imageArea").className = "unhidden";
}
});
});
}
For HTML, it looks through the markup for img elements and then sets up their src attributes from
the resource map (the iframe already has the HTML content from the package by this time):
507