catan-client
Version:
Settlers of Catan Client Implementation
27 lines (25 loc) • 695 B
HTML
<div class="row">
<div>
<label class="dropimage">
<input name="filea" title="Drop image or click me" type="file">
</label>
</div>
<div>
<label class="dropimage">
<input name="fileb" title="Drop image or click me" type="file">
</label>
</div>
</div>
<script>
window.onload = function(){
[].forEach.call(document.querySelectorAll('.dropimage'), function(img){
img.onchange = function(e){
var inputfile = this, reader = new FileReader();
reader.onloadend = function(){
inputfile.style['background-image'] = 'url('+reader.result+')';
}
reader.readAsDataURL(e.target.files[0]);
}
});
};
</script>