Pesquisar na Comunidade
Mostrando resultados para as tags ''dropzone''.
Encontrado 3 registros
-
Salva galera. Estou tentando usar o dropzone.js em um projeto mas estou tendo grandes dificuldades. Ele funciona aparentemente bem, mas não estou conseguindo enviar os arquivos para a pasta. Eu queria colocar mais de um dropzone na mesma pagina para arquivos diferentes como posso fazer isso? Outra coisa eu queria colocar todas as url de varios arquivos na mesma coluna em um formato json, isso possivel? Se sim como eu faria para chamar esses arquivos de volta e mostrar para o usuario??
-
Bom dia pessoal, estou precisando de uma força de vocês quanto ao recurso dropzone, o que ainda estou aprendendo a trabalhar com ele. A principio, estou precisando configura-lo no projeto da empresa, porém não estou conseguindo fazer corretamente uma zona especifica de upload na pagina do projeto. Usamos o framework Phlacon e estamos atualizando os recursos do projeto. Ja li a documentação do projeto e pesquisei no wiki do projeto(gitlab), mas até o momento ainda não entendi muita da configuração, espero que possam me ajudar a alcançar o meu objetivo. Preciso criar uma div, que seja a dropzone e nela consiga gerar um arrays dos caminhos já inseridos pelo input, para assim tratar no controller e salva-los no banco de dados. Atualmente o meu código está assim: phtml: <div class="row"> <div class="col-sm-12"> <div class="dropzone" id="dropEmp" > <?= $form->render("dsPath") ?> </div> </div> </div> Javascript: Dropzone.options.dropEmp = { // Prevents Dropzone from uploading dropped files immediately autoProcessQueue: false, uploadMultiple: true, parallelUploads: 100, maxFiles: 100, // Dropzone settings init: function() { var dropEmp = this; this.element.querySelector("button[type=button]").addEventListener("click", function(e) { e.preventDefault(); e.stopPropagation(); dropEmp.processQueue(); }); this.on("sendingmultiple", function() { }); this.on("successmultiple", function(files, response) { }); this.on("errormultiple", function(files, response) { }); } }; Fico no aguardo da colaboração de vocês. Grande abraço pessoal!
- 1 resposta
-
- php
- javascript
-
(e mais 1 )
Tags:
-
ola pessoal blzz to fazendo esse script dropzone para enviar varias fotos ao mesmo tempo pro servidor, so não conseguir gravar no DB. ele envia para pasta mas não grava no banco. segue codigo funcionando 100% se alguem puder ajudar gravar no banco agradeço. index.php <!DOCTYPE html> <html> <head> <title>PHP - Multiple Image upload using dropzone.js</title> <script src="http://demo.itsolutionstuff.com/plugin/jquery.js"></script> <link rel="stylesheet" href="http://demo.itsolutionstuff.com/plugin/bootstrap-3.min.css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/min/dropzone.min.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.2.0/min/dropzone.min.js"></script> </head> <body> <div class="container"> <div class="row"> <div class="col-md-12"> <h2>PHP - Multiple Image upload using dropzone.js</h2> <form action="upload.php" enctype="multipart/form-data" class="dropzone" id="image-upload"> <div> <h3>Clique Aqui</h3> </div> </form> </div> </div> </div> <script type="text/javascript"> Dropzone.options.imageUpload = { maxFilesize:3, acceptedFiles: ".jpeg,.jpg,.png,.gif" }; </script> </body> </html> upload.php <? include "../config.php"; ?> <? $id_noticia = "1"; $uploadDir = 'uploads'; // nome da pasta onde os arquivos fica $tmpFile = $_FILES['file']['tmp_name']; $filename = $uploadDir.'/'.time().'-'. $_FILES['file']['name']; if(move_uploaded_file($tmpFile, $filename)) { // aqui faça a gravaçao no banco $sql = "INSERT INTO tb_imagens_noticias VALUES ('$id_noticia','$filename')"; $qr = mysql_query($sql); } ?> nao esqueçam de criar a pasta uploads gente so falta gravar no banco, helllp