implémenter avec blueimp / jQuery-File-Upload
Salut
Es ce que quelqu'un aurait déjà intégré blueimp / jQuery-File-Upload avec zf2 (zf2/php 5.6) pour faire un formulaire d'upload de fichier ?
J'ai bien lu la doc (assez pauvre en exemple) et malgré mes tests je n'arrive pas à obtenir un comportement similaire sur tous les navigateurs, et j'ai des erreurs aléatoires..... (genre sur un navigateur, un fichier ne va pas s'uploader alors que le même fichier sur un autre navigateur s'upload normalement :weird::aie::calim2: )
Résultat, je ne suis pas certaine de la marche à suivre.:mouarf::ptdr:
voici le lien de la doc, peut être que j'ai mal traduit ce que j'ai sous les yeux depuis un mois, mais on sait jamais, si vous pouvez m'aider : https://github.com/blueimp/jQuery-File-Upload
Sinon j'ai une action qui me génère mon formulaire et gère ma validation avec l'objet Zend_Form.
j'applique sur le formulaire le plugin avec plusieurs paramètres .
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
<?= $this->form()->openTag($form) ?>
<fieldset id="fieldset-identification">
<legend>Formulaire d'envoi <?= $contrat->police ?> </legend>
<div id="messErroUpload">
<?php if($mess != null){
echo $mess;
}?>
</div>
<div>
<br>
<div class="row fileupload-buttonbar">
<div id="selectElt">
<?= $this->FormLabel($form->get('listeElt')) . ' : ' . $this->FormSelect($form->get('listeElt')) ?>
</div>
<div class="col-lg-7">
<span class="btn btn-success fileinput-button btnprincipal">
<i class="glyphicon glyphicon-plus"></i>
<span>Ajouter...</span>
<?= $this->FormInput($form->get('files[]')) ?>
</span>
</div>
<div class="col-lg-5 fileupload-progress fade">
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar progress-bar-success" style="width:0%;"></div>
</div>
<div class="progress-extended"> </div>
</div>
</div>
</div>
<table role="presentation" class="table table-striped"><tbody class="files"></tbody></table>
<p><?= $this->FormLabel($form->get('Commentaire')) . ' : ' . $this->FormTextarea($form->get('Commentaire')) ?></p>
<p><?= $this->FormHidden($form->get('maxSize')) ?></p>
</fieldset>
<p class="boutons"><?= $this->formSubmit($form->get('submit')) ?></p>
<?= $this->form()->closeTag() ?> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<script>
....
var eltSelect = null;
$("select[name=\'listeElt\']").change( function(){
$(this).children("option:selected").each( function(){
eltSelect = $(this);
});
});
$("#fileupload").fileupload({
url: "/upload/server/php/",
dataType: "json",
limitMultiFileUploadSize: 400971520,
limitMultiFileUploadSizeOverhead: 400971520,
maxFileSize: 400971520,
disableImageResize: /Android(?!.*Chrome)|Opera/ .test(window.navigator.userAgent),
acceptFileTypes: /(\.|\/)(pdf|jpe?g|png|bmp|tif?f)$/i,
autoUpload: true,
singleFileUploads: false,
});
......
</script> |
Puis lorsqu'on clique sur envoyer l'appel d'une deuxième action traite les fichiers qui ont été uploader grâce au plugin.
mon soucis est que je ne détecte aucune erreur de code et que j'ai un comportement aléatoire surtout en TSE, mais aussi (plus rarement en local).
une idée
Merci d'avance
