Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde para todos, estou tentando implementar o dropzone.js no meu sistema, e até agora estou indo +/-, o detalhe é o seguinte, eu quero ter um botão para fazer o submit dos arquivos que eu selecionei, e isto eu não estou conseguindo, segue o código abaixo:
<?php
include_once './cabecalho.php';
$storeFolder = 'imgs';
if ($_POST) {
if (!empty($_FILES)) {
$tempFile = $_FILES['file']['tmp_name'];
$targetPath = dirname(__FILE__) . '/' . $storeFolder . $ds;
$targetFile = $targetPath . $_FILES['file']['name'];
move_uploaded_file($tempFile, $targetFile);
}
}
?>
<div class="main-content">
<div class="main-content-inner">
<div class="page-content">
<div class="row">
<div class="col-xs-12">
<!-- PAGE CONTENT BEGINS -->
<form action="./teste.php" method="post" class="dropzone" id="dropzone">
<div class="fallback">
<input name="file" type="file" multiple="" />
</div>
</form>
<div class="clearfix form-actions">
<div class="col-md-offset-3 col-md-9">
<button class="btn btn-info" type="submit" id="submitbtn">
<i class="ace-icon fa fa-check bigger-110"></i>
Gravar
</button>
</div>
</div>
<!-- PAGE CONTENT ENDS -->
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.page-content -->
</div>
</div><!-- /.main-content -->
Código do JavaScript:
<script type="text/javascript">
jQuery(function ($) {
try {
Dropzone.autoDiscover = false;
var myDropzone = new Dropzone("#dropzone", {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 5, // MB
dictResponseError: 'Erro ao fazer o upload !',
autoProcessQueue: false, //FALSE PARA ENVIAR DEPOIS DE CLICAR EM OK
maxFiles: 15,
acceptedFiles: 'image/*',
// clickable: ".fileinput-button",
addRemoveLinks: true, //BOTÃO PARA REMOVER O ARQUIVO
dictDefaultMessage: //MENSAGEM PADRÃO
'<span class="bigger-150 bolder"><i class="ace-icon fa fa-caret-right red"></i> Mova seus arquivos </span> para fazer upload \
<span class="smaller-80 grey">(ou clique)</span> <br /> \
<i class="upload-icon ace-icon fa fa-cloud-upload blue fa-3x"></i>'
,
dictResponseError: 'Error while uploading file!',
//change the previewTemplate to use Bootstrap progress bars
previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n <div class=\"dz-details\">\n <div class=\"dz-filename\"><span data-dz-name></span></div>\n <div class=\"dz-size\" data-dz-size></div>\n <img data-dz-thumbnail />\n </div>\n <div class=\"progress progress-small progress-striped active\"><div class=\"progress-bar progress-bar-success\" data-dz-uploadprogress></div></div>\n <div class=\"dz-success-mark\"><span></span></div>\n <div class=\"dz-error-mark\"><span></span></div>\n <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n</div>"
});
$(document).one('ajaxloadstart.page', function (e) {
try {
myDropzone.destroy();
} catch (e) {
}
});
} catch (e) {
alert('Dropzone.js does not support older browsers!');
}
});
</script>
Se alguém puder me ajudar....
Grato...
Putz.... :wacko: :wacko: :wacko: :wacko:
nem tinha me dado conta que eu havia colocado fora do form, obrigado.
Falta de Atenção apenas.
DEsculpa reabrir o tópico, mas estou com outro problema, e não consegui solucionar, gostaria de inserir até 15 arquivos para upload, até ai OK, o problema é que quando eu dou o gravar, no caso subir os arquivos, ele só me envia dois arquivos, não deixa enviar mais que isso....
Aí depende se os arquivos não estão de fato sendo enviados, ou se estão sendo enviados e só grava 2.
Se o tamanho desses arquivos excederem o tamanho máximo permitido no para upload e exceder o tamanho máximo de um post, e ainda, exceder a quantidade de arquivos permitidos por upload você não vai ter êxito.
Veja no php.ini e mude o seguinte, de acordo com sua necessidade local.
Limita a quantidade de arquivos por upload:
max_files_uploads
Limita o tamanho do arquivo para upload
upload_max_filesize
Limita o tamanho do POST a ser enviado.
post_max_size
Mas estas propriedades eu não consigo alterar com ini_set(), pelo que eu estive vendo, e até mesmo aqui no forum, tem algumas que eu não consigo alterar.
Como tu faz nestes casos?
No caso de você estar usando hospedagem em nuvem, você poderá alterar via htaccess, caso a empresa de hospedagem permita, do contrário entre em contato com eles.
mas o tamanho do arquivo este eu consigo alterar?
Apenas nos modos em que eu citei acima.
Se estiver usando hospedagem compartilhada, crie um htaccess com o seguinte, por exemplo:
php_value upload_max_filesize 10M
O seu button está fora da TAG <form> com isso ele não irá submeter o formulário nunca.