le fichier dynamic picker.io le contrôle ne fonctionne pas

Question

J'ai créé le contrôle dynamique de FilePicker sur le bouton Cliquez sur Événement de Jquery mais l'événement de clic de bouton de ce contrôle dynamique n'ouvre pas la popup filepicker.io où les fichiers sont téléchargés sur filepicker. ..

Ci-dessous le code html par lequel j'ai créé ce contrôle dans jquery

<input type="filepicker" data-fp-apikey="Acdgfv0GWQXyMKwqVMfMHz" data-fp-mimetypes="image/*" data-fp-container="modal" data-fp-services="COMPUTER" class="uploadImg btn border-blue-btn" tabindex="31" style="display:none">        <button type="button" class="uploadImg btn border-blue-btn">Pick File</button>

Answer 1

La bibliothèque javascript de Filepicker construit des widgets immédiatement après le chargement du script. L'utilisation de filepicker avec n'importe quelle bibliothèque de rendu côté client requiert l'appel manuel

filepicker.constructWidget(); 

méthode sur l'élément Dom. Vous devez définir le type d'élément comme 'filepicker', etc.

exemple de base:

var input = $('<input>').attr({ 
    type: 'filepicker', 
    class:'picker', 
}).appendTo(config.results); 

filepicker.constructWidget(input); 

Et plein exemple de travail:

http://jsfiddle.net/krystiangw/hfg6k8u2/

Answer 2

Avez-vous inclus la bibliothèque filepicker.js?

S'il vous plaît essayer cet exemple (lien: https://jsfiddle.net/gy2gLvkw/)

<script type="text/javascript" src="//api.filepicker.io/v2/filepicker.js"></script> 
<input type="filepicker" data-fp-apikey="Acdgfv0GWQXyMKwqVMfMHz" data-fp-mimetypes="image/*" data-fp-container="modal" data-fp-services="COMPUTER" class="uploadImg btn border-blue-btn" tabindex="31" style="display:none" onchange="alert(event.fpfile.url)"> 

J'ai ajouté onchange="alert(event.fpfile.url)" à l'élément d'entrée afin que l'URL est affiché après le téléchargement.