Salut tout le monde !
J'utilise le plugin jQuery fileUpload, la version Basic.
http://blueimp.github.io/jQuery-File-Upload/basic.html
Ca fonctionne bien sur Firefox ou Chrome et même IE 10() mais à partir de IE 9 et précédent c'est la cata (pour rester poli)...
Voici le HTML :
Code html : 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 <form id="dn-upload-form" method="post" enctype="multipart/form-data" class="form-horizontal"> <input type="hidden" name="login" value=""> <input type="hidden" name="clazz" value="com.dimo.extranet.base.core.objects.easysite.DepositedFile"> <input type="file" id="dn-upload-file" name="file-content" accept="application/pdf" multiple=""> <div class="form-group"> <div class="col-sm-12"> <label class="col-sm-2" >LG_COMMENTARY</label> <textarea class="form-control" rows="3" name="commentary"></textarea> </div> <button type="button" class="col-sm-1 btn btn-default btn-sm fileinput-button" id="dn-choice-button">LG_BROWSE</button> <div class="col-sm-6 text-center"> <table role="presentation" class="table table-striped"> <tbody class="files" id="dn-filelist"> LG_NOFILE </tbody> </table> </div> <div class="col-sm-12 control-label"> <button type="button" class="btn btn-default btn-sm" id="dn-upload-button">LG_SEND</button> </div> </form>
Et le JS :
Si vous avez une solution, je suis preneur
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 $uploadForm.subchildren('input[type="file"]#upload-file').fileupload({ dataType: 'json', url: BASE_URL +'/dnupload', add: function(e, data) { if (isNotValid(formdata)) formdata = data; formdata.context = $('#upload-button').click(function() { formdata.files = list; formdata.submit(); }); },
Merci d'avance !
P.S : je ne peux pas utiliser d'HTML5, et je tiens à utiliser ce plugin !
Partager