I hav a list of listview photos. It is working.I want to select one photo and display it. They all seem to use fileopenpicker.
default.html
<body>
<div id="tmpl" data-win-control="WinJS.Binding.Template">
<section>
<img src="#" data-win-bind="src: url" />
<div>
<span class="name" data-win-bind="innerText: name"></span>
<br />
<span class="date" data-win-bind="innerText: date"></span>
</div>
</section>
</div>
<div id="host">
<div id="lv" data-win-control="WinJS.UI.ListView"
data-win-options="{ itemDataSource: data.items.dataSource,
itemTemplate: select('#tmpl'),
layout: {type: WinJS.UI.GridLayout} }"
/>
</div>
<div id="onephoto" class="dicdisp">
<img id="picphoto" src="images/ .png" />
</div>
.picdisp {
overflow: auto;
-ms-content-zooming: zoom;
-ms-content-zoom-limit-min: 10%;
-ms-content-zoom-limit-max: 500%;
width: 100%;
height: 100%; }
In default.js
var lv = document.getElementById('lv').winControl;
var lis = addEventListener("click", getclick, false);
function getclick() {
var esrc = window.event.srcElement;
var reader = new FileReader();
// var aphoto = reader.readAsDataURL(esrc.src); not working
// reader.readAsText(esrc.src); not working
var imageBlob = esrc.src;
photoObject.src = imageBlob;
document.getElementById("picphoto").innerHTML = photoObject;
}
