Usando o Dropzone.js para fazer upload após a criação de novos usuários, envie cabeçalhos
Estou usando um ótimo plugin - dropzone.js (dropzonejs.com) para tornar meu site um pouco mais sofisticado ao registrar um novo usuário.
Basicamente, o usuário preenche um formulário, coloca algumas imagens na "dropzone" e clica em "Enviar", que dispara uma chamada ajax que posta o formulário em um script php.
Eu tenho parâmetros dropzone definidos para enqueForUpload: false, que mantém os arquivos de auto-upload, uma vez que preciso carregá-los em uploads / $ userid, depois que o novo ID de usuário foi criado. Eu posso dar params cabeçalho de dropzone, que eu estou supondo postar para o url, semelhante a uma chamada de ajax, em vez de dados: {'userid': userid}, dropzone usa cabeçalhos: {'userid': userid} ... , o dropzone é inicializado em document.ready, e como a variável userid não é declarada ainda, o dropzone falha ao inicializar.
Eu estou supondo que eu preciso inicializar dropzone com document.ready, mas não dar cabeçalhos ainda. Então, depois que o processamento do formulário ajax for bem-sucedido e retornar o ID do usuário, chame dropzone para fazer o upload e forneça os cabeçalhos nesse ponto. O problema é que não sei qual código precisaria ser chamado para que isso acontecesse.
Inicialize o Dropzone em pronto:
$(document).ready(function(){
$('#dropzone').dropzone({
url: 'dropzoneprocess.php',
maxFilesize: 1,
paramName: 'photos',
addRemoveLinks: true,
enqueueForUpload: false,
});
});
Então...
$('#submit').on('click', function(){
validation crap here
$.ajax({
type: 'post',
url: 'postform.php',
data: {'various': form, 'values': here}
datatype: 'json',
success: function(data){
var userid = data.userid;
/* (and this is what I can't figure out:)
tell dropzone to upload, and make it
post userid to 'dropzone.php' */
});
});