Feature: importFileSystem/exportFileSystem #7
Comments
|
I guess you're talking about ZipEntry.prototype.import* and ZipEntry.prototype.export* methods? Aren't you? |
|
They definitely look like what i'm looking for. Something like: importFileSystem(file,path,onEnd,onProgress,onError) |
|
Note that a ZipEntry object is a directory into the zip file. So you can import a zip into a directory of the filesystem and export any directory (recursively) of the filesystem into a zip. You can find an usage example of this API here: I'm pretty sure that's what you want... Did I miss something? |
|
Maybe you can help simplify something I'm doing. I don't see an importFile that does the three things i'm doing:
Take a look: var importFileSystem = function(fs, file,onEnd,onProgress,onError){
function createFile(fileName, callback) {
var path = fileName;
var pathFolder = path.slice(0, path.lastIndexOf('/'));
var name = path.slice(path.lastIndexOf('/') 1);
//recursively create direcotiries until we're where we want to be, then write file
function writeFileToDir(rootDirEntry, folders) {
// Throw out './' or '/' and move on to prevent something like '/foo/.//bar'.
if (folders[0] == '.' || folders[0] == '') {
folders = folders.slice(1);
}
rootDirEntry.getDirectory(folders[0], {create: false}, function(dirEntry) {
// Recursively add the new subfolder (if we still have another to create).
if (folders.length-1>0) {
writeFileToDir(dirEntry, folders.slice(1));
}
else {
dirEntry.getFile(name, {
create : true
}, function(zipFile) {
callback(zipFile);
});
}
}, function(){
rootDirEntry.getDirectory(folders[0], {create: true}, function(dirEntry) {
// Recursively add the new subfolder (if we still have another to create).
if (folders.length-1>0) {
writeFileToDir(dirEntry, folders.slice(1));
}
else {
dirEntry.getFile(name, {
create : true
}, function(zipFile) {
callback(zipFile);
});
}
}, onError);
});
};
var p = pathFolder.split('/');
var prefixPath = rootDirName.split('/');
//remove the first folder name which is the root folder name
p.splice(0,1);
//remove blanks and add to path
for(var i = prefixPath.length-1; i >=0; i--){
if(prefixPath[i] !=''){
p.splice(0,0,prefixPath[i])
}
}
writeFileToDir(fs.root, p); // fs.root is a DirectoryEntry.
}
var getEntries = function(file, onend) {
zip.createReader(new zip.BlobReader(file), function(zipReader) {
zipReader.getEntries(onend);
}, onerror);
};
var getEntryFile = function(entry, creationMethod, onend, onprogress) {
var writer, zipFileEntry;
function getData() {
entry.getData(writer, function() {
onend(zipFileEntry.toURL());
}, onprogress);
}
createFile(entry.filename,function(fileEntry) {
zipFileEntry = fileEntry;
writer = new zip.FileWriter(zipFileEntry);
getData();
});
};
function download(entry, complete) {
getEntryFile(entry, creationMethodInput.value, function(blobURL, revokeBlobURL) {
console.log('file loaded: ' blobURL);
complete();
});
};
getEntries(file, function(entries) {
var count = 0;
var readNextEntry = null;
readNextEntry = function() {
if( count >= entries.length){
onEnd();
return;
}
var entry = entries[count];
//is not a directory
if(!(entry.filename.slice(-1)=='/')){
var onDownloadEnd = function(){
onProgress(entry,count,entries.length);
count = count 1;
readNextEntry();
};
download(entry, onDownloadEnd);
}
//if it is a directory, just skip
else {
onProgress(entry,count,entries.length);
count = count 1;
readNextEntry();
}
}
readNextEntry();
});
} |
|
Been looking through the code and experimenting. I think another way to rephrase my problem: I am trying: a) unzip a zip file |
|
Is see, I did not understand you wanted to unzip the file into a directory of the HTML5 sandboxed filesystem (and zip files from a directory). You are right, this feature is not yet available. But it is really an interesting feature so I'll try to add it soon in zip-fs.js soon. Thanks :) |
|
Here is the other function var exportFileSystem = function(filesystem, path, onEnd, onError) {
var zipFs = new zip.fs.FS();
var createTempFile = function(callback) {
var tmpFilename = "tmp.zip";
function create() {
filesystem.root.getFile(tmpFilename, {
create : true
}, function(zipFile) {
callback(zipFile);
});
}
filesystem.root.getFile(tmpFilename, null, function(entry) {
entry.remove(create, create);
}, create);
};
var addToZip = function(parentFolder, entry, onEnding) {
if (entry.isDirectory) {
console.log('adding directory ' entry.name);
var dir = parentFolder.addDirectory(entry.name);
var dirReader = entry.createReader();
dirReader.readEntries(function(entries) {
var count = entries.length;
var c = 0;
for (var i = 0; i < entries.length; i ) {
var childEntry = entries[i];
var done = function() {
c = c 1;
if (c == count) {
onEnding();
}
};
addToZip(dir, childEntry, done);
}
});
} else if (entry.isFile) {
console.log('adding file ' entry.name);
parentFolder.addBlob(entry.name, entry);
onEnding();
}
};
//recursively create direcotiries until we're where we want to be, then write file
var findDirectory = function(rootDirEntry, folders) {
var findDirectoryHelper = function(dirEntry) {
// Recursively add the new subfolder (if we still have another to create).
if (folders.length - 1 > 0) {
findDirectory(dirEntry, folders.slice(1));
}
else {
var complete = function() {
createTempFile(function(fileEntry){
zipFs.root.exportFile(fileEntry,function() {
onEnd(fileEntry);
});
});
};
addToZip(zipFs.root, dirEntry, complete);
}
};
// Throw out './' or '/' and move on to prevent something like '/foo/.//bar'.
if (folders[0] == '.' || folders[0] == '') {
folders = folders.slice(1);
}
rootDirEntry.getDirectory(folders[0], {create: false}, findDirectoryHelper, onError);
};
var p = path.split('/');
findDirectory(filesystem.root, p)
}; |
|
I added those features in latest commits in zip-fs.js. Actually, it has been totally rewritten in order to match the existing zip-fs API. Now, with zip-fs you can use:
|
|
Awesome! |
|
Can i use those two methods to write sub-folder with files in them? I want to simply open a zip file and create on the filesystem everything that is there... including sub-folders, hierarchy. Just like you unzip with a desktop utility. unzip here. where here is the sand-boxed file system. Thanks |
|
Yes, |
|
Am new to HTML5 file system. I tried your example but facing lot of issues... can i get sample project that takes zip (uploading) as input and extracts the zip file in sandbox of html5 filesystem. |
There are two functions that would be super useful for this project
#1 Decompress zip to filesystem api folder path
#2 Create zip from filesystem api folder path
The text was updated successfully, but these errors were encountered: