Javascript 是否可以调整大小或降低分辨率以减少文件'；使用jquery/js时的大小是多少？

使用jquery/js是否可以调整大小或降低分辨率以减小文件大小？在我的html中，我有一个表单可以上传多个图像，如下所示：

<div class="form-group col-sm-12">
     <label for="file">Upload Foto</label>
     <input name="file[]" id="file" class="btn btn-primary" type="file" multiple >
</div>

<button class="btn btn-primary" type="submit" id="upload">Upload</button>

上传Foto
上传

我想使用ajax创建上传前的图像。这是jquery代码

$(document).on('submit', '#upload', function () {
  var inputFile = $('input#file');
  var filesToUpload = inputFile[0].files;

if (filesToUpload.length > 0) {
     // provide the form data that would be sent to sever through ajax
     var formData = new FormData();

     for (var i = 0; i < filesToUpload.length; i++) {
          // Do something to resize image or reduce resolution for minimize delay upload
          var file = filesToUpload[i];
          formData.append("file[]", file, file.name);
     }

        $.ajax({
            url: "<?php echo base_url('surveyor/c_surveyor/add_file_image/'); ?>/" + NO_TANK + EIR_REF,
            type: 'post',
            data: formData,
            processData: false,
            contentType: false,
            success: function () {
                   $(":file").val('');
                   $(":text").val('');
                   $("#tableClean").find("tr:gt(0)").remove();
                   $("#tableReport").find("tr:gt(0)").remove();
                   $('#pilih_isotank').after('<div class="callout callout-success lead" id="div_error"><p id="pesan_error">Semua Data Berhasil Terupload</p></div>');
                   $('#div_error').fadeIn("fast");
                   $('#pesan_error').html(obj.Message);
                   $('#div_error').fadeOut(7000);
             }
     });

$（document）.on（'submit'，'upload'，函数（）{
var inputFile=$（'input#file'）；
var filesToUpload=inputFile[0]。文件；
如果（filesToUpload.length>0）{
//提供通过ajax发送到服务器的表单数据
var formData=new formData（）；
for（var i=0；iSemua Data Berhasil Terupload
”）；
$（'div_error'）.fadeIn（“fast”）；
$（'pesan#u error'）.html（obj.Message）；
$（'div_error'）。淡出（7000）；
}
});

使用jQuery是不可能的。可能使用adeneo提到的canvas，但这是大量工作。不要这样做。

使用canvas和大量工作可能是可行的，但这通常是在服务器端完成的，因为这样做容易得多。这并不能提供问题的答案。要评论或要求作者澄清，在他们的帖子下方留下评论。-但问题是“可能吗…”，所以这是一个肯定/否定的问题，答案是否定的。对吗？你的最终答案是“可能有画布”.如果可以用canvas完成，它就可以完成。你说做不到，然后你说可能。这听起来不像是对我的肯定或否定的回答。嗯，我的意思是“是的，用canvas可以，但不值得做”。这不是一个可能的问题。如果你满意，我会更新我的答案，但我想不出任何其他可能的答案。我相信如果一个问题无法回答，这是问题本身的问题，而不是答案。但我认为这个问题没有任何问题，因为它没有违反任何社区标准。