Pessoal estou tentando usar este plugin de upload muito legal que achei, Jquery Filer 1
So que não estou conseguindo fazer 2 coisas nele. Veja se vocês conseguem me ajudar.
1- Quando clico no botão da lixeira nas miniaturas das fotos ele remove a foto não não consegui achar um jeito dele dispar...
1 - onRemove: function(){} 2 - <div class="jFiler-item-info"><span class="jFiler-item-title"><b title="{{fi-name}}">{{fi-name | limitTo: 25}}</b></span></div>. Observe o {{fi-name}}, ali você troca pelo nome do seu arquivo. Acredito que seja isso mesmo... ( github.com/CreativeDream/jquery.filer )
@Rafael Withoeft eu vi isto mas por exemplo o que eu devo fazer dentro do funcion do onRemove, ele não passa valores do que esta sendo excluído, pelo menos não vi na documentação. No item 2 eu vi isto mas não achei como subistituir a variavel fi-name após o upload com o nome do novo arquivo gereado. Se tiver como posta algum codigo simples para eu ver. Muito obrigado
Joao, olha... para remover achei um meio... mas sobre o nome, acredito que não tem.. :/
Joao, posso te recomendar outro? Achei uma solução para você, ele gera um nome do lado do servidor retorna o novo nome, mas não exibe pro usuário (se quiser é possível sim), ele armazena para caso precise ser deletado... ele manda o nome que está do lado do servidor... bom vou colocar aqui: dropzonejs.com/#installation Como implementar o que falei: stackoverflow.com/questions/24859005/… Caso precise de um exemplo funcionando tenho os arquivos aqui já.
Rafael se você nao se importar me passa tanto o codigo que você conseguiu do onRemove do plugin Filer e se não for muito me passa o codigo que você ofereceu ai do DropzoneJS por gentileza. Muito obrigado
Joao, vou ver como posso fazer o upload desses arquivos e já mando. Do que você utiliza até agora, pode colocar assim: onRemove: function(html,arquivo){console.log(arquivo.name); //Implemente um ajax para remover do servidor.}, DropZone: filedropper.com/dropzone
Caso queira também, não precisa baixar o .rar, só abrir um chat me chamar que passo o código de cada arquivo lá.
Rafael olha deu certinho em partes a parte do onRemove, o problema é que como o meu upload.php ele muda o nome do arquivo e também a pasta quando eu dou o console.log(arquivo.nome) ele me retorna o nome original. Você acha que tem algo que se possa fazer? Obrigado
Tou vendo este DropZoneJS é muito legal. Me diz uma coisa Rafael quando eu ja tenho as imagens como eu faço para quando eu carregar a pagina eu ja veja as imagens cadastradas. Adorei o seu código, bem esclarecedor.
Tenta adaptar como no dropzone, eles criaram um array, e conforme iam upando imagens... eles inserem informações no array. fileList[i] = {"serverFileName" : serverFileName, "fileName" : file.name,"fileId" : i };, e para remover fizeram assim: var rmvFile = ""; for(f=0;f<fileList.length;f++){ if(fileList[f].fileName == file.name){rmvFile = fileList[f].serverFileName;} }if (rmvFile){$.ajax({url:"delete_temp_files.php",type:"POST",data: { "fileList" :rmvFile }}).done(function(data) {console.log("retorno:" + data);});} foi a adaptação do dropzone, que pode ser feita para o seu caso acredito.
Ah você quer mostrar tudo o que tem na pasta também então?
Entao olha so eu não preciso mostra todo o conteudo da pasta, mas é tipo assim o cliente cadastrou 10 fotos de produtos ai quando ele entra na pagina eu ja queria exiber estas 10 fotos cadastradas
Assim, eu tenho a pagina produto.php?id=1 quando eu entro nela ai ele ja tem a lista dos doados do produto e as 10 fotos ja cadastradas. Como eu passo estas 10 fotos para o Plugin para ele ja exibir nos thumbs dele e ficar tb com o remover abaixo.
Olha não vi nada ou nenhum exemplo sobre isso, de carregar arquivos já pré definidos
Talvez tenha... tem que ver melhor, mas esse é um plugin novo pelo que estou vendo, talvez pode ser implementado ainda... ou talvez não seja o foco dele
Dá uma olhada no jquery file upload, ele tem esse suporte para arquivos já existentes.
Olha tentei implantar o codigo no script mas ele não esta chamando a pagina upload1.php que coloquei da uma olahdinha aqui no codigo e veja o que eu fiz de errado por gentileza
$(document).ready(function() { Dropzone.autoDiscover = false; var fileList = new Array; var i =0; Dropzone.options.myDropzone = { init: function() { alert('ola'); thisDropzone = this; <!-- 4 --> $.get('upload1.php', function(data) {
<!-- 5 --> $.each(data, function(key,value){
var mockFile = { name: value.name, size: value.size };
Legal mas somente uma duvida: {name: 'myimage1.jpg', size: 312, type: 'image/jpeg', url: 'skdfjlk'} no name posso por name: '/upload/myimage.jpg' e o que significa o url?
TEm como vc ver isto pois nao entendo tanto assim de javascript. Ai vc posta na resposta do topico por gentielza. Eu preciso tambem de passar a pasta junto com nome do arquivo pois os arquivos ficam em pastas diferentes.
Discussion between Rafael Withoeft an…
Discussion between Rafael Withoeft an…