是否有可能通過jquery/js調整或降低分辨率以減小文件大小？

是否有可能通過jquery/js調整或降低分辨率以減小文件大小？在我的HTML，我有窗體上傳多個圖像像這樣：是否有可能通過jquery/js調整或降低分辨率以減小文件大小？

<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>

我想創建圖像調整大小berfore使用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); 
      } 
    });

來源

2015-12-13 Fadly Dzil

它可能可以通過畫布和很多工作來實現，但這通常是通過服務器完成的，因爲它非常容易。 – adeneo

不可能使用jQuery。也許與畫布adeneo提到，但這是很多工作。不要這樣做。

來源

2015-12-13 17:03:54 Louy

這不提供問題的答案。要批評或要求作者澄清，請在其帖子下方留言。 - [來自評論]（/評論/低質量帖/ 10545724） – Markasoftware

但問題是「是否有可能？？」，所以這是一個是/否的問題，答案是否定的。對？ – Louy

那麼你的最終答案是「也許用畫布」。如果可以用畫布完成，就可以完成。你說它不能完成，那麼你說這可能是可能的。這聽起來不像是或不是答案 – Markasoftware

是否有可能通過jquery/js調整或降低分辨率以減小文件大小？

回答

相關問題