Можно ли изменить размер или уменьшить разрешение, чтобы уменьшить размер файла с помощью 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);
}
});
Это, вероятно, возможно с холстом и большой работой, но это то, что обычно делается на серверах, так как это намного проще. – adeneo