BlueImp FileUploader aucune requête envoyée

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:

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:

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