Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho esse código Ajax que envia imagem para o PHP
$(document).ready(function () {
$('#form_cadastros_empresa').validate({ // initialize the plugin
rules: {
endereco: {
required: true,
},
nome: {
required: true,
}
},
messages: {
required: "Campo obrigatório",
remote: "Please fix this field.",
email: "Por favor insira um email válido",
url: "Please enter a valid URL.",
date: "Please enter a valid date.",
dateISO: "Please enter a valid date (ISO).",
number: "Por favor digite apenas números.",
digits: "Please enter only digits.",
equalTo: "Please enter the same value again.",
maxlength: $.validator.format( "Não insira mais do que {0} caracteres." ),
minlength: $.validator.format( "Digite pelo menos {0} caracteres." ),
rangelength: $.validator.format( "Please enter a value between {0} and {1} characters long." ),
range: $.validator.format( "Please enter a value between {0} and {1}." ),
max: $.validator.format( "Please enter a value less than or equal to {0}." ),
min: $.validator.format( "Please enter a value greater than or equal to {0}." ),
step: $.validator.format( "Please enter a multiple of {0}." )
},
submitHandler: function (form) { // for demo
$(".resultado_form_cadastros_empresa").html('<div class="spinner"></div>');
var form = $('#form_cadastros_empresa');
var Logomarca = $('#Logomarca').prop('files')[0];
var imagem1 = $('#imagem1').prop('files')[0];
var imagem2 = $('#imagem2').prop('files')[0];
var imagem3 = $('#imagem3').prop('files')[0];
var form_data = new FormData();
form_data.append('logomarca', Logomarca);
form_data.append('imagem1', imagem1);
form_data.append('imagem2', imagem2);
form_data.append('imagem3', imagem3);
$.ajax({
url: 'form_cadastro.php', // point to server-side PHP script
dataType: 'text', // what to expect back from the PHP script, if anything
cache: false,
contentType: false,
processData: false,
data: form_data,
type: 'POST',
success: function(php_script_response){
//alert(php_script_response); // display response from the PHP script, if any$('html, body').animate({ scrollTop: 0 }, 0);
}
}).done(function(data){
$('.resultado_form_cadastros_empresa').fadeOut('slow', function(){
$('.resultado_form_cadastros_empresa').fadeIn('slow').html(data);
});
})
.fail(function(){
alert('Ajax Submit Failed ...');
});
return false; // for demo
}
});
Como faria para que o jquery consiga enviar múltiplas imagens de uma só vez?
Através do:
<input type="files" name="multiplas_imagens[]" multiple>Carregando comentários...