extract lastModified property from zip entries
#462
-
|
Hi, I recently discovered this library and it seems pretty good. I was just wondering if I can access the lastModified property from files in the zip because I need that info in my app. Thanks. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 9 replies
-
|
The last modification date is accessible via the <!doctype html>
<html>
<head>
<title>Display last modification dates of entries in a zip file</title>
<style>
table {
margin-block-start: 8px;
border-collapse: collapse;
}
td {
border: 1px dotted grey;
padding: 4px;
}
</style>
</head>
<body>
<form>
<input type=file id=zipFileInput>
</form>
<div id=result>
</div>
<script type=module>
import { ZipReader, BlobReader } from "https://unpkg.com/@zip.js/zip.js/index.js";
zipFileInput.onchange = () => display().catch(error => alert(error));
async function display() {
const zipReader = new ZipReader(new BlobReader(zipFileInput.files[0]));
const entries = await zipReader.getEntries();
const tableElement = document.createElement("table");
entries.forEach(entry => {
const rowElement = document.createElement("tr");
const filenameElement = document.createElement("td");
const lastModDateElement = document.createElement("td");
filenameElement.textContent = entry.filename;
lastModDateElement.textContent = entry.lastModDate;
rowElement.appendChild(filenameElement);
rowElement.appendChild(lastModDateElement);
tableElement.appendChild(rowElement);
});
result.innerHTML = "";
result.appendChild(tableElement);
}
</script>
</body>
</html>Run it on plnkr: https://plnkr.co/edit/X1MwY0hbk2aCxOcM |
Beta Was this translation helpful? Give feedback.
-
|
Basically, the zip I'm reading contains excel (xlsx) files that I read (with * fileInput.addEventListener("change", async (e) => {
const files = mainFileInput.files;
const file = files[0];
// send `file` to the server
}); getZipButton.addEventListener("change", async (e) => {
const zipReader = new ZipReader(new BlobReader(e.target.files[0]));
const entries = await zipReader.getEntries();
entries.forEach(async (entry) => {
let id = makeid(10);
let writer = new TextWriter();
var data = await entry.getData(writer);
const blob = new Blob([await entry.getData(writer)], {
type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
});
const file = new File([blob], entry.filename, {
type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
});
formData.append(id, file);
});Above is how I read the files from the zip. |
Beta Was this translation helpful? Give feedback.
-
|
You can pass the encoding of the text as a parameter to the |
Beta Was this translation helpful? Give feedback.
-
|
That did the trick, thanks again. One last problem with the date, so I get the let rawDate = await entry.rawLastModDate;
const date = new Date(rawDate);After getting the year, month..etc, the final date string is |
Beta Was this translation helpful? Give feedback.
-
|
The Lines 682 to 689 in 2a10dda zip.js can also retrieve this date from the NTFS extra field (see part 4.5.5) or the Unix extra field (see part 4.5.7). See the code below for the implementation in zip.js. Lines 583 to 620 in 2a10dda Lines 691 to 693 in 2a10dda Lines 622 to 654 in 2a10dda |
Beta Was this translation helpful? Give feedback.
-
|
ah I see interesting, I just read the parts in the specification, had no idea date was encoded like this, but the |
Beta Was this translation helpful? Give feedback.
The last modification date is accessible via the
Entry#lastModDateproperty. See the example below.