Skip to content

Instantly share code, notes, and snippets.

@attebury

attebury/index.html

Created June 25, 2019 20:08
Show Gist options
  • Save attebury/b1d1f7ab69b298a0337454c19b8b8b66 to your computer and use it in GitHub Desktop.
Save attebury/b1d1f7ab69b298a0337454c19b8b8b66 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/fufirez
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<label for="js-file-fed">File to import</label><input type="file" id="js-file-fed" accept="text/plain">
<p />
<label for="js-date-fed">Feed Date : </label><input id="js-date-fed" type="date" />
<p />
<button id="js-button-fed">Import Records</button>
<p />
<textarea id="js-output" rows="20" cols="40"></textarea>
<script id="jsbin-javascript">
const fedButton = document.getElementById('js-button-fed');
fedButton.addEventListener('click', processFedFile, false);
function processFedFile() {
const fedDate = document.getElementById('js-date-fed');
const fedFile = document.getElementById('js-file-fed');
const fileList = fedFile.files;
const selectedFile = document.getElementById('js-file-fed').files[0];
const fileReader = new FileReader();
fileReader.onload = (function() {
var dataURL = fileReader.result;
var output = document.getElementById('js-output');
output.value = dataURL;
console.log(dataURL);
});
fileReader.readAsDataURL(selectedFile);
console.info(fileList);
}
</script>
<script id="jsbin-source-javascript" type="text/javascript">
const fedButton = document.getElementById('js-button-fed');
fedButton.addEventListener('click', processFedFile, false);
function processFedFile() {
const fedDate = document.getElementById('js-date-fed');
const fedFile = document.getElementById('js-file-fed');
const fileList = fedFile.files;
const selectedFile = document.getElementById('js-file-fed').files[0];
const fileReader = new FileReader();
fileReader.onload = (function() {
var dataURL = fileReader.result;
var output = document.getElementById('js-output');
output.value = dataURL;
console.log(dataURL);
});
fileReader.readAsDataURL(selectedFile);
console.info(fileList);
}</script></body>
</html>
Raw
jsbin.fufirez.js
const fedButton = document.getElementById('js-button-fed');
fedButton.addEventListener('click', processFedFile, false);
function processFedFile() {
const fedDate = document.getElementById('js-date-fed');
const fedFile = document.getElementById('js-file-fed');
const fileList = fedFile.files;
const selectedFile = document.getElementById('js-file-fed').files[0];
const fileReader = new FileReader();
fileReader.onload = (function() {
var dataURL = fileReader.result;
var output = document.getElementById('js-output');
output.value = dataURL;
console.log(dataURL);
});
fileReader.readAsDataURL(selectedFile);
console.info(fileList);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment