Discussion :

[tidus_6_9_2]

Bonjour à toutes et à tous,

Cela fait déjà quelques jours que j'essaie d'implémenter le plugin JQuery "File Uploader" (voir ici).

Malheureusement, après de nombreux essais je ne parvient pas à faire parvenir l'image au serveur. Lorsque le callback "Fail" est appelé, l'erreur "Argument non valide" apparait dans le résultat jqxhr.

Du coup j'aurais voulus savoir quelle est mon erreur et surtout qu'es ce que je peux faire pour que cela fonctionne ? J'ai essayé de faire en sorte d'utiliser le plugin avec les paramètres par défaut mais cela ne fonctionne pas non plus.

Voici mon code

HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
41
42
43
44
45
46
 
<script src="/NouvelleInterface/library/fileupload/js/jquery.iframe-transport.js"></script>
<script src="/NouvelleInterface/library/fileupload/js/jquery.fileupload.js"></script>
<script src="/NouvelleInterface/library/fileupload/js/jquery.fileupload-fp.js"></script>
<script src="/NouvelleInterface/library/fileupload/js/jquery.fileupload-ui.js"></script>
<script src="/NouvelleInterface/library/fileupload/js/local.js"></script>
<form id="fileupload" action="/4DACTION/NA_Parametres_Mod_ImagesSave" method="POST" enctype="multipart/form-data">
        <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
        <div class="row fileupload-buttonbar">
            <div class="span7">
                <!-- The fileinput-button span is used to style the file input field as button -->
                <span class="btn btn-success fileinput-button">
                    <i class="icon-plus icon-white"></i>
                    <span>Add files...</span>
                    <input type="file" name="files[]" id="input" multiple>
                </span>
                <button type="submit" class="btn btn-primary start">
                    <i class="icon-upload icon-white"></i>
                    <span>Start upload</span>
                </button>
                <button type="reset" class="btn btn-warning cancel">
                    <i class="icon-ban-circle icon-white"></i>
                    <span>Cancel upload</span>
                </button>
                <button type="button" class="btn btn-danger delete">
                    <i class="icon-trash icon-white"></i>
                    <span>Delete</span>
                </button>
                <input type="checkbox" class="toggle">
            </div>
            <!-- The global progress information -->
            <div class="span5 fileupload-progress fade">
                <!-- The global progress bar -->
                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                    <div class="bar" style="width:0%;"></div>
                </div>
                <!-- The extended global progress information -->
                <div class="progress-extended">&nbsp;</div>
            </div>
        </div>
        <!-- The loading indicator is shown during file processing -->
        <div class="fileupload-loading"></div>
        <br>
        <!-- The table listing the files available for upload/download -->
        <table role="presentation" class="table table-striped"><tbody class="files" data-toggle="modal-gallery" data-target="#modal-gallery"></tbody></table>
    </form>

Javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
$('#fileupload').fileupload({
						dataType:'json',
						url:'/4DACTION/NA_Parametres_Mod_ImagesSave',
						namespace:'vPictureUpload',
						fileInput:$('input:file'),
						add:
							function(e,data){
								data.submit();
							},
						fail:
							function(e,data){
								alert('fail');
								alert(data.errorThrown);
								alert(data.textStatus);
								alert(data.jqXHR);
							}
					});

Merci pour votre aide

Cordialement

[tidus_6_9_2]

Re bonjour

Je me permet de poster une deuxième fois car j'ai trouvé la source de mon problème.

En faite j'ai le plugin de JQuery UI qui permet d'avoir des cookie (jquery.cookie.js). Malheureusement, la librairie a un problème avec la librairie de file upload. Du coup cela crée un conflit quelque part. Cela ne génère aucune erreur, MAIS cela m'empêche d'envoyer le fichier sur le serveur. Alors je ne sais pas trop d’où provient le problème. J'ai essayé de bidouiller un peu mais sans grande réussite.

Si quelqu'un a réussis a fixer le problème je suis preneur

Merci encore