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

Question

我正在尝试将pako.js与php表单一起使用来上传文件。

这就是我想发生的事情：

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
    });
 });