javascript - 使用 pako 压缩文件，然后使用 HTML 表单上传

Question

我正在尝试使用带有 php 表单的 pako.js 来上传文件。

这就是我想要发生的事情：

1) 用户通过按钮选择文件 2) 文件在客户端压缩 3) 压缩文件上传到服务器

这是我到目前为止所拥有的，这是行不通的。当我尝试将元素 inputfilebutton 的值设置为压缩文件时出现异常。

的HTML：

<div class="submit-row">
<form enctype="multipart/form-data" action="upload_file_text.php" method="post" class="form-group">
        <div class="submit-column">
                <br>
                <input name="ip_uploaded" type="file"  class="inputfilebutton"/>
                <br>
                <button type="submit" class = "submit_class" name="ip_submit" >Analyze</button><span> 

JavaScript：

  $(document).ready(function() {



     // compress input file before it is uploaded to server
    $('.form-group').submit(function() {
          var file = $('.ip_uploaded').val();
          var compressed_file = pako.deflate(file);
      $('.ip_uploaded').val(compressed_file);
          // replace file with compressed file on form
    });
 });