2015-11-22 53 views
0

是否可以使用HTML中的iframe從.zip壓縮文件中查看index.html文件?還是它存在一些JS庫可以做到這一點?從iframe中查看zip文件中的HTML文件

在此先感謝。

+2

https://stuk.github.io/jszip/ – undefined

+0

我有同樣的問題。您的檔案中是否有js,css或圖像文件?我不知道如何路由這些,所以他們不會是一個404. –

+0

沒有抱歉,那裏只是一個index.html文件。儘管我並沒有真正接觸過它,但我在下面的答案中以某種方式工作。 – Kaizokupuffball

回答

1

我只是想進一步闡述@ Vohuman的評論,因爲我認爲這很重要。

從我所瞭解的jszip庫的文檔中可以完成。

  1. 閱讀zip文件(通過使用JSZipUtils)

JSZipUtils.getBinaryContent('path/to/content.zip', function(err, data) { 
 
    if(err) { 
 
    throw err; // or handle err 
 
    } 
 

 
    var zip = new JSZip(data); 
 
});

來源:https://stuk.github.io/jszip/documentation/howto/read_zip.html

  • 使用讀它:
  • var new_zip = new JSZip(); 
     
    // more files ! 
     
    new_zip.load(content); 
     
    
     
    // you now have every files contained in the loaded zip 
     
    new_zip.file("hello.txt").asText(); // "Hello World\n"

    來源:https://stuk.github.io/jszip/documentation/examples.html(滾動頁面的底部(Read a zip file部))

  • 最後,創建一個iframe並把html內容進入它。
  • $('#your_iframe').contents().find('html').html(htmlZipContent);

    +0

    這是更解釋的答案,所以你會得到複選標記。 我讀了關於JSZip的文檔,發現它可以以純文本的形式從.zip加載文件。沒有想到使用'.html()'。謝謝! – Kaizokupuffball