abNbmXy

index.html

<script src = "https://www.dukelearntoprogram.com//course1/common/js/image/SimpleImage.js">
</script>
<h1>Image Practice</h1>
<canvas id = "cans"></canvas>
<p>
  Filename
  <input type = "text" id = "input">
  <input type = "button" value = "upload" onclick = upload()>
</p>

script.js

function upload(){
  var fileinput = document.getElementById("input");
  var filename = fileinput.value;
  alert("You chooce " + filename);
}

style.css

#input{
  width:225px;
  font-size: 12pt;
}
canvas{
  height:200px;
  width:350px;
  border: 1px solid lightgrey;
}

Text and upload.markdown

abNbmXy

A Pen by Justin Shi on CodePen.

License.