Taking time to load #497

Panjady · 2024-03-05T07:18:05Z

Panjady
Mar 5, 2024

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Unzip and Form URL Example</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script>
    <script src="zip.js"></script>
    <script src="epub.js"></script>
   
</head>
<body>
   
    <div id="epubArea" style="height: 90%; width: 90%">
        <button type="button" id="prev">Previous page</button>
        <button type="button" id="next">Next page</button>
    </div>
 
    <script>
             let entries = {};
 
async function verifyZipPassword(blob, password) {
    try {
        console.log('Starting password verification...');
        const reader = new zip.ZipReader(new zip.BlobReader(blob), { password });
        entries = await reader.getEntries();
 
        for (const entry of entries) {
            try {
                 entry.getData(new zip.BlobWriter());
            } catch (error) {
                if (error.message === zip.ERR_ENCRYPTED || error.message === zip.ERR_INVALID_PASSWORD) {
                    console.log('Invalid password or encrypted ZIP file.');
                    return false;
                } else {
                    throw error;
                }
            }
        }
       
        return true;
    } catch (error) {
        console.error('Error during password verification:', error);
       
        return false;
    }
}
 
 
async function passwordCheck() {
    const zipPath = 'BLS PM eBook (978-1-61669-799-0_1).zip';
    const password = 'blspm';
   
    try {
        const response = await fetch(zipPath);
        console.log("response" , response);
        alert(response)
        const blob = await response.blob();
        console.log("blob", blob);
        alert(blob)
        
        const passwordCorrect = await verifyZipPassword(blob, password);
        if(!passwordCorrect){
            alert("wrong password");
        }
        if (passwordCorrect) {
           
       
            const newZip = new zip.ZipWriter(new zip.BlobWriter(), { level: 9 });
       
            await Promise.all(entries.map(async (entry) => {
                const entryData = await entry.getData(new zip.BlobWriter());
                await newZip.add(entry.filename, new zip.BlobReader(entryData));
            }));
           
            const decryptedFile = await newZip.close();
            console.log("decryptedFile" , decryptedFile);
            const book = ePub(decryptedFile);
            const rendition = book.renderTo("epubArea", {
                width: 600,
                height: 400,
                allowScriptedContent: true
            });
            rendition.display();
            document.getElementById("next").addEventListener("click", () => {
        rendition.next();
        console.log(book)
 
 
      });
 
      document.getElementById("prev").addEventListener("click", () => {
        rendition.prev();
     
 
      });
 
        } else {
            console.error('Invalid password or encrypted ZIP file.');
        }
    } catch (error) {
        console.error('Error:', error);
    }
}
passwordCheck();
    </script>
</body>
</html>

Hi this is my code to check password , i am using client side to extract password protected zip file and zipping it and loading it into epubjs . Can i emit zipping the file again , Is there any related method to check password and load ?

Panjady · 2024-03-06T11:05:24Z

Panjady
Mar 6, 2024
Author

Hi can anyone help on this

0 replies

Panjady · 2024-03-13T05:23:52Z

Panjady
Mar 13, 2024
Author

Can anyone help on this ?

0 replies

gildas-lormeau · 2024-03-18T15:30:58Z

gildas-lormeau
Mar 18, 2024
Maintainer

You could use the FS API for this, see this simple example of code below.

const zipFs = new zip.fs.FS();
await zipFs.importHttpContent(zipPath, { password });
const blob = await zipFs.exportBlob();

0 replies

nenge123 · 2024-03-31T04:10:51Z

nenge123
Mar 31, 2024

fetch with progress an post file
check password an make it
show UI Enter in input when password wrong.

async function FetchData(url,progress){
    let response = await fetch(url).catch(e=>false);
    if(progress instanceof Function){
        const chunks = [];
        const fullsize = parseInt(response.headers.get('content-length')||0);
        //const filetype = response.headers.get('content-type')||'application/octet-stream';
        let chunkSize = 0;
        const reader = response.body.getReader();
        while (true) {
            const {done,value} = await reader.read();
            if (done)break;
            /* 下载进度*/
            chunks.push(value);
            chunkSize += value.byteLength;
            progress(chunkSize,fullsize,value.byteLength);
        }
        //return new Blob(chunks)
        return new Uint8Array(await (new Blob(chunks)).arrayBuffer());
    }
    //return await response.blob()
    return new Uint8Array(await response.arrayBuffer());
}
function fetchpos(url,file){
    let form = new FormData();
    form.set('file',new File([file],'aaa.zip',{type:'application/x-zip-compressed'}));//php $_FILE['file'];
    //form = file  method PUT ,php is  $putdata = fopen("php://input", "r");
    return fetch(url,{method:'POST',body:from});
}
async function unzip(result,password){
    if(!self.zip){
        await T.addJS('/assets/js/lib/zip.min.js');
    }
    let ReaderList = await new zip.ZipReader(
        new zip.BlobReader(result instanceof Blob?result:new Blob([result]))
    ).getEntries().catch(e=>false);
    if(!ReaderList||!ReaderList.length) return false;
    let contents;
    const getData = (entry)=>{
        let rawPassword;
        if(password){
            rawPassword = password instanceof Uint8Array?password:new TextEncoder().encode(password);
        }
        return entry.getData(new zip.Uint8ArrayWriter(), {rawPassword:entry.encrypted?rawPassword:undefined}).catch(async e=>{
            let msg = e.message;
            if(password===false)return;
            if(msg == zip.ERR_INVALID_PASSWORD||msg==zip.ERR_ENCRYPTED){
                //doing some ...  return a Promise is OK
                password = window.prompt(password instanceof Uint8Array ? new TextDecoder('gbk').decode(password):password);
                if(password){
                    return await getData(entry);
                }else{
                    password = false;
                }
            }
        });
    }
    if(ReaderList){
        for await(let entry of ReaderList){
            if(entry.directory)continue;
            let data = await getData(entry);
            if(data){
                if(!contents)contents={};
                contents[entry.filename] = data;
            }
        }
    }
    password = null;
    result = null;
    ReaderList = null;
    return contents||false;
}

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Taking time to load #497

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 4 comments

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

Select a reply

Taking time to load #497

Panjady Mar 5, 2024

Replies: 4 comments

Panjady Mar 6, 2024 Author

Panjady Mar 13, 2024 Author

gildas-lormeau Mar 18, 2024 Maintainer

nenge123 Mar 31, 2024

Panjady
Mar 5, 2024

Panjady
Mar 6, 2024
Author

Panjady
Mar 13, 2024
Author

gildas-lormeau
Mar 18, 2024
Maintainer

nenge123
Mar 31, 2024