js將文件壓縮並下載

複製下來試試

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jszip/3.3.0/jszip.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jszip-utils/0.1.0/jszip-utils-ie.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/FileSaver.js/2.0.2/FileSaver.min.js"></script>
</head>
<body>
<input type="file" onchange="change(event)"/>
<input type="button" value="生成zip" onclick="test()"/>
<script>
    let fileTxt = null
    function change(e) {
        fileTxt = e.target.files[0]
    }
    function test(){
        if(fileTxt === null) {
            alert("請先選擇文件")
        }
        var zip = new JSZip();
        zip.file(fileTxt.name, fileTxt);
        zip.generateAsync({type:"blob"}).then(function(content) {
            // see FileSaver.js
            saveAs(content, "example.zip");
        });
    }
</script>
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章