Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
>
Quero deixar invisivel um input-file e chama-lo por um button, se for selecionado um arquivo ele faz o Submit, meu problema esta bem quando eu seleciono ele mostra o nome do arquivo no file (em modo visivel) e antes de fazer o submit ele apaga, quando carrega o upload da erro pois não foi nenhum arquivo.
<!doctype html>
<head>
<script src="jquery.js"></script>
<script src="jquery.form.js"></script>
<style></style>
</head>
<body>
<form id="frmAnexo" action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" size="60" id="inpFile" name="inpFile">
<input type="button" id="btnAnexar" class="anexo" value="Ajax File Upload">
</form>
<div id="progress">
<div id="bar"></div>
<div id="percent">0%</div >
</div><div id="message"></div>
<script>
$(document).ready(function(){
$('#btnAnexar').click(function() {
$('#inpFile').trigger('click');
});
$('#xinpFile').change(function(){
if ($('#inpFile').val()!=''){
$('#frmAnexo').trigger('submit');
}else{
alert('Selecione um arquivo');
}
})
var options = {
beforeSend: function() {
$("#progress").show();
//clear everything
$("#bar").width('0%');
$("#message").html("");
$("#percent").html("0%");
},
uploadProgress: function(event, position, total, percentComplete){
$("#bar").width(percentComplete+'%');
$("#percent").html(percentComplete+'%');
},
success: function() {
$("#bar").width('100%');
$("#percent").html('100%');
},
complete: function(response){
$("#message").html("<font color='green'>"+response.responseText+"</font>");
},
error: function(){
$("#message").html("<font color='red'> ERROR: unable to upload files</font>");
}
};
$("#frmAnexo").ajaxForm(options);
});
</script>
</body>
</html>Toda vez que uso a função pra chamar o File e depois o Submit ele apaga o nome do file e nao envia nada...
Bom espero q alguém me ajude !!!
ajax não envia arquivo