Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
49 lines
935 B
Plaintext
49 lines
935 B
Plaintext
<input type="file" id="input">
|
|
<output id="output"></output>
|
|
<style>
|
|
output::before {
|
|
content: "output:";
|
|
}
|
|
output {
|
|
display: block;
|
|
padding: 1em;
|
|
margin: 1em;
|
|
outline: 1px solid gray;
|
|
white-space: pre-wrap;
|
|
}
|
|
</style>
|
|
<script src="../dist/md5.min.js"></script>
|
|
<script>
|
|
|
|
|
|
function readAsArrayBuffer(file){
|
|
return new Promise(function(resolve) {
|
|
var reader = new FileReader();
|
|
reader.readAsArrayBuffer(file)
|
|
reader.onload = function(e) {
|
|
resolve(e.target.result)
|
|
};
|
|
});
|
|
}
|
|
|
|
input.onchange = function(e) {
|
|
var file = input.files[0];
|
|
readAsArrayBuffer(file)
|
|
.then(buffer => {
|
|
console.log(buffer);
|
|
var now = performance.now();
|
|
var hash = MD5(buffer);
|
|
var after = performance.now() - now;
|
|
output.innerHTML = `
|
|
file: ${file.name}
|
|
size: ${file.size} bytes
|
|
type: ${file.type}
|
|
md5: ${hash}
|
|
duration: ${after.toFixed(2)} ms
|
|
`;
|
|
})
|
|
}
|
|
|
|
|
|
</script>
|