Je rencontre un problème bizarre jQuery File Upload, que je n’arrive pas a résoudre.
J’ai fait le teste avec une index.php ou j'ai copier le code et cela fonctionne très bien comme je veux.
Mais quant je le copie sur mon site cela ne fonctionne pas comme il le faudrait.
J’arrive a chercher mon fichier et quant je valide cela, il devrais le fichier apparaître, puis me demander si je voudrais le télécharger et là tous devrais fonctionner, mais là rien.
La partie qui apparaît après la recherche du fichier ne donne rien.
mon code :
Dans mon profile_header.php j'ai rajouter cela.
Code : Tout sélectionner
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/blueimp-gallery/2.27.0/css/blueimp-gallery.min.css">
<link rel="stylesheet" href="https://blueimp.github.io/jQuery-File-Upload/css/jquery.fileupload.css">
<link rel="stylesheet" href="https://blueimp.github.io/jQuery-File-Upload/css/jquery.fileupload-ui.css">
<noscript><link rel="stylesheet" href="https://blueimp.github.io/jQuery-File-Upload/css/jquery.fileupload-noscript.css"></noscript>
<noscript><link rel="stylesheet" href="https://blueimp.github.io/jQuery-File-Upload/css/jquery.fileupload-ui-noscript.css"></noscript>
Code : Tout sélectionner
……….
<form id="fileupload" action="" method="POST" enctype="multipart/form-data">
<div class="prof-sec" id="abt_myfamily_hide2" style="display:none">
<div class="row pdng25">
<div class="col-md-10">
<noscript><input type="hidden" name="redirect" value="https://blueimp.github.io/jQuery-File-Upload/"></noscript>
<div class="row fileupload-buttonbar">
<div class="col-lg-7">
<span class="btn btn-success fileinput-button">
<i class="glyphicon glyphicon-plus"></i>
<span>Ajouter des photo ...</span>
<input type="file" name="files[]" multiple>
</span>
<a onclick="AfficherOuCacher('1');" class="btn btn-success fileinput-button" style="cursor:pointer;" id="boutton1"><i class="glyphicon glyphicon-plus"></i> Créer une repertoire ...</a>
<div style="display:none;" name="FirstName" id="1" ><input type="text" value="entrée le nom de votre répertoir...">
<td>
<button class="btn btn-primary start">
<i class="glyphicon glyphicon-upload"></i>
<span>Valider</span>
</button>
</td>
</div>
<span class="fileupload-process"></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>
<table role="presentation" class="table table-striped"><tbody class="files"></tbody></table>
</form>
<br>
<!-- The blueimp Gallery widget -->
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-filter=":even">
<div class="slides"></div>
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
………..
<!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>-->
<script src="//blueimp.github.io/JavaScript-Templates/js/tmpl.min.js"></script>
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
<script src="//blueimp.github.io/JavaScript-Canvas-to-Blob/js/canvas-to-blob.min.js"></script>
<!--<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>-->
<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
<script src="https://blueimp.github.io/jQuery-File-Upload/js/jquery.iframe-transport.js"></script>
<script src="https://blueimp.github.io/jQuery-File-Upload/js/jquery.fileupload.js"></script>
<script src="https://blueimp.github.io/jQuery-File-Upload/js/jquery.fileupload-process.js"></script>
<script src="https://blueimp.github.io/jQuery-File-Upload/js/jquery.fileupload-image.js"></script>
<script src="https://blueimp.github.io/jQuery-File-Upload/js/jquery.fileupload-audio.js"></script>
<script src="https://blueimp.github.io/jQuery-File-Upload/js/jquery.fileupload-video.js"></script>
<script src="https://blueimp.github.io/jQuery-File-Upload/js/jquery.fileupload-validate.js"></script>
<script src="https://blueimp.github.io/jQuery-File-Upload/js/jquery.fileupload-ui.js"></script>
<!--<script src="https://blueimp.github.io/jQuery-File-Upload/js/main.js"></script>-->
<script src="https://blueimp.github.io/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script>
<script type="text/javascript">
Visible = false;
function AfficherOuCacher(obj)
{
if (Visible == false)
{
Afficher(obj)
}
else // SINON
{
Cacher(obj)
}
}
function Afficher(obj)
{
var id = 'boutton'+obj;
document.getElementById(obj).style.display = '';
Visible = true;
}
function Cacher(obj)
{
var id = 'boutton'+obj;
document.getElementById(obj).style.display = 'none';
Visible = false;
}
</script>
<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
<tr class="template-upload fade">
<td>
<span class="preview"></span>
</td>
<td>
<p class="name">{%=file.name%}</p>
<strong class="error text-danger"></strong>
</td>
<td>
<p class="size">Processing...</p>
<div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="progress-bar progress-bar-success" style="width:0%;"></div></div>
</td>
<td>
{% if (!i && !o.options.autoUpload) { %}
<button class="btn btn-primary start" disabled>
<i class="glyphicon glyphicon-upload"></i>
<span>Commence le téléchargement</span>
</button>
{% } %}
{% if (!i) { %}
<button class="btn btn-warning cancel">
<i class="glyphicon glyphicon-ban-circle"></i>
<span>Annuler</span>
</button>
{% } %}
</td>
</tr>
{% } %}
</script>
<!-- The template to display files available for download -->
<script id="template-download" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
<tr class="template-download fade">
<td>
<span class="preview">
{% if (file.thumbnailUrl) { %}
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>
{% } %}
</span>
</td>
<td>
<p class="name">
{% if (file.url) { %}
<a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
{% } else { %}
<span>{%=file.name%}</span>
{% } %}
</p>
{% if (file.error) { %}
<div><span class="label label-danger">Error</span> {%=file.error%}</div>
{% } %}
</td>
<td>
<span class="size">{%=o.formatFileSize(file.size)%}</span>
</td>
<td>
{% if (file.deleteUrl) { %}
<button class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
<i class="glyphicon glyphicon-trash"></i>
<span>Supprimer</span>
</button>
{% } else { %}
<button class="btn btn-warning cancel">
<i class="glyphicon glyphicon-ban-circle"></i>
<span>Annuler</span>
</button>
{% } %}
</td>
</tr>
{% } %}
</script>
Merci de votre aide,