Is there any way to reduce the size of the photo before uploading?
Note: It is not just a resize, because some test I did was resized and did not decrease the size of the photo.
I would like to check if the upload is of type image and Decrease , for example: from 5mb to 1 or 2Mb, even if for this the image resizes.
Upload Jquery:
$(document).ready(function () {
var files;
// Add events
$('input[name=fileUploader]').on('change', prepareUpload);
// Grab the files and set them to our variable
function prepareUpload(event) {
files = event.target.files;
console.log("aqui",files);
}
$('#Salvar').click(function () {
if (validaDados()) {
var erro = "";
var formID = document.getElementById("formulario");
// files = this.files; // SELECIONA OS ARQUIVOS
var qtde = files.length; // CONTA QUANTOS TEM
var tamanho = 0;
if (qtde > 5) { // VERIFICA SE É MAIOR DO QUE 5
alert("Não é permitido enviar mais do que 5 arquivos.");
return false;
} else {
for (i = 0; i < qtde; i++) {
tamanho += files[i].size;
}
if (tamanho > 10000000) {
alert("Arquivo acima de uma mega;")
return false;
} else {
// SE NÃO FOR MAIS DO QUE 5 ELE CONTINUA.
if ($("#destinatario").val() == "") {
$("#destinatario").css({ "border-color": "red", "padding": "1px" });
$("#errodestinatario").html("E-mail obrigatório!");
return false;
} else {
if (validaEmail($("#destinatario").val())) {
$("#destinatario").css({ "border-color": "blue", "padding": "1px" });
$("#errodestinatario").html("");
$("#formulario").submit();
} else {
$("#destinatario").css({ "border-color": "red", "padding": "1px" });
$("#errodestinatario").html("E-mail Inválido!");
return false;
}
}
}
}
}
});
});
HTML:
<form class="form-horizontal" id="formulario" name="formulario" action="~/Gerenciamento/EnvioEmail/EnviaEmail" method="post" enctype="multipart/form-data">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Destinatario</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="destinatario" name="destinatario" />
<span class="label label-danger" id="errodestinatario"></span>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Assunto:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="assunto" name="assunto" />
<span class="label label-danger" id="erroassunto"></span>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Mensagem</label>
<div class="col-sm-10">
<textarea class="form-control" id="mensagem" name="mensagem"></textarea>
<span class="label label-danger" id="erromensagem"></span>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Anexo</label>
<div class="col-sm-10">
<input class="form-control" id="fileUploader" name="fileUploader" type="file" multiple />
<span class="label label-danger" id="erroarquivo"></span>
</div>
</div>
<div id="resposta" style="display:none;"></div>
<button type="button" class="btn btn-primary" id="Salvar">Enviar</button>
</form>