E o javascript ficará assim (este script deve ir dentro de window.onload
ou $.ready
, exemplo usei $.ready
mesmo):
var formCadastro = document$.getElementByIdready("cadastro"function();
var btnSalvar {
= document.getElementById("salvar""cadastro");
formCadastro.addEventListener("submit", function (event)
{
event.preventDefault(); //Isto irá evitar o disparo prévio
formCadastro.disabled = true;
btnSalvar.disabled = true;
//Se ocorrer algum erro de segurança ou qualquer outra coisa evita redirecionar
setTimeout(upload, 1);
{
return false;
});
Note que isto irá evitar o progressbar mostrar 100% acaso não selecione nenhum arquivo (dependendo do atributo required=""
que você citou)
Agora sobre o Safari você precisa explicar exatamente o que não está funcionando. Qual o comportamento, se for o required que não funciona tente isto:
document.getElementById("meuForm").addEventListener("submit", function (event)
{
event.preventDefault(); //Isto irá evitar o disparo prévio
//Se ocorrer algum erro de segurança ou qualquer outra coisa evita redirecionar
if (document.getElementById('arquivo'"cadastro").files[0]) {
setTimeout(upload, 1);
} else {
alert("Arquivo não selecionado");
}
disabled return= false;
});
true;
var formCadastro = document.getElementById("cadastro");
var btnSalvar = document.getElementById("salvar");
formCadastro.addEventListener("submit",disabled function= (event)true;
{
event.preventDefault(); //Isto irá evitar o disparo prévio
//Se ocorrer algum erro de segurança ou qualquer outra coisa evita redirecionar
if (document.getElementById('arquivo').files[0]) {
formCadastro.disabled = true;
btnSalvar.disabled = true;
setTimeout(upload, 1);
} else {
alert("Arquivo nãoreturn selecionado");false;
}
return false;);
});
function upload()
{
var request = new XMLHttpRequest();
request.upload.addEventListener("progress", uploadProgress, false);
request.onreadystatechange = function()
{
if (request.readyState == 4) {
formCadastrodocument.getElementById("cadastro").disabled = false;
btnSalvardocument.getElementById("salvar").disabled = false;
}
};
//envia o form
var formData = new FormData();
formData.append("file", document.getElementById('arquivo').files[0]);
request.open("POST", "SalvarArquivo.php");
request.send(formData);
}