Estou com um pequeno código para fazer upload de áudio, porém está apresentando erro de Undefined index em duas linhas referentes a "audioFile".
Encontrei diversas perguntas similares mas não consegui solucionar o problema. Nestas perguntas consultadas, na maioria das vezes o problema estava na declaração do "enctype", o que acredito não ser o meu caso.
Segue o código:
formulario.php
<html>
<head>
<meta charset="utf-8">
<title>Upload de audio</title>
</head>
<body>
<form action="upload.php" method="POST" enctype="multipart/form-data">
<input type="file" name="audioFile"/>
<input type="submit" value="Upload Audio" name="save_audio"/>
</form>
</body>
</html>
upload.php
<?php
if(isset($_POST['save_audio']) && $_POST['save_audio'] == "Upload Audio")
{
$dir='uploads/';
$audio_path=$dir.basename($_FILES['audioFile']['name']); // Erro
if(move_uploaded_file($_FILES['audioFile']['tmp_name'],$audio_path)) // Erro
{
echo 'upload ok';
}
}
?>
Realizei testes com arquivos de áudio de tamanhos diferentes (de 1,4Mb a 4,8Mb) e o problema persiste.
Obs.: A pasta uploads encontra-se no mesmo caminho que as páginas aqui apresentadas.
Criei o seguinte formulário abaixo no site de um cliente, pra que se possa fazer a troca da foto de um usuário:
<form id="formulario" method="post" enctype="multipart/form-data">
<div class="blocoCampo">
<span> Escolher nova foto (dimensões: 50px x 50px; formato: JPG) </span>
<input type="file" id="imgupload" name="imgupload">
</div>
<div class="confirmarTrocaSenha">
<input type="button" value="" id="btn_troca_foto">
</div>
</form>
Em seguida, eu criei na função abaixo (javascript) pra ele conferir a extensão e as medições em Pixels do arquivo. Ele deve ser sempre 50x50 e JPG:
var _URL = window.URL || window.webkitURL;
$("#imgupload").change(function (e) { // Aqui verifica as dimensões e a extensão do arquivo
var foto = $('#imgupload').val();
var extensao = foto.substr(foto.length - 3);
var file, img;
if ((file = this.files[0])) {
img = new Image();
img.onload = function () {
if(this.width !== 50){
alert('Dimensões não permitidas!');
$("#imgupload").val('');
}
else if(this. height !== 50){
alert('Dimensões não permitidas!');
$("#imgupload").val('');
}
else if(extensao != 'jpg'){
alert('Extensão não permitida!');
$("#imgupload").val('');
}
};
img.src = _URL.createObjectURL(file);
}
});
E abaixo é a função que deve hospedar a foto, depois que a mesma for carregada:
$('#btn_troca_foto').click(function(){
var imgupload = $('#imgupload').val();
if(imgupload == ''){
alert("Nenhuma foto selecionada!");
}
else{
$.ajax({
url: "trocarfoto",
type: "POST",
data: { imgupload: imgupload },
success:function(a){
alert(a);
$('.contentLightbox, .bgLightbox').fadeOut();
}
});
}
});
E o link da função trocarfoto está em PHP abaixo:
public static function trocaFoto() {
@mkdir('upload/wt_usuario', 0777);
$target = "upload/wt_usuario/" . $_SESSION['usuario']['id'] . ".jpg";
move_uploaded_file($_FILES['imgupload']['tmp_name'], $target);
echo "Foto de perfil alterada";
}
Tudo funcionando, menos a parte da função move_uploaded_file, que deveria pegar o arquivo que está no input imgupload e transferir pro diretório no servidor do meu site.
O que será que tem de errado ou que pode estar faltando? Sei que procurando na internet tem várias formas de fazer, mas acredito que esteja faltando apenas algum detalhes no meu código.
Agradeço quem puder ajudar.