Qu'est-ce que Bootstrap?
Bootstrap est un cadre frontal pour le développement rapide d'applications Web et de sites Web. Bootstrap est basé sur HTML, CSS et JavaScript.
histoire
Bootstrap a été développé par Mark Otto de Twitter et Jacob Thornton. Bootstrap est un produit open source publié sur GitHub en août 2011.
Contenu du package bootstrap
Structure de base: Bootstrap fournit une structure de base avec un système de grille, un style de liaison et un arrière-plan. Cela sera expliqué en détail dans la section de base de base de bootstrap.
CSS: Bootstrap est livré avec les fonctionnalités suivantes: paramètres CSS globaux, définition des styles d'élément HTML de base, classe extensible et système de grille avancé. Cela sera expliqué en détail dans la section Bootstrap CSS.
Composants: Bootstrap contient plus d'une douzaine de composants réutilisables pour créer des images, des menus déroulants, une navigation, des boîtes d'avertissement, des boîtes contextuelles, etc. Cela sera expliqué en détail dans la section des composants de mise en page.
Plugin JavaScript: Bootstrap contient plus d'une douzaine de plugins jQuery personnalisés. Vous pouvez inclure tous les plugins directement ou un par un. Cela sera expliqué en détail dans la section du plug-in bootstrap.
Personnalisation: vous pouvez personnaliser les composants bootstrap, moins de variables et les plug-ins jQuery pour obtenir votre propre version.
Ce qui est introduit ci-dessus n'est pas l'objectif de cet article. Voici comment télécharger des images une fois le formulaire généré, vous pouvez prévisualiser les images à temps.
Le code est le suivant (adresse de connexion: https://github.com/xiexingen/bootstrap-smartform/blob/master/demo/form3-ele-img.html):
• S'appuyant sur le plugin jQuery-File-upload, vous devez référencer jQuery.Ui.Widget.js, jQuery.iframe-transport.js et jQuery.fileload.js
• appeler global.fn.initplugin ('img', 'formContainer'); FormContainer: pour l'identifiant de formulaire, rétrécir la plage de recherche, facultatif
Le principe de ce plug-in est de télécharger l'image sur le serveur, puis le serveur renvoie le chemin d'accès au stockage d'image. Enfin, lors de la soumission du formulaire, le chemin d'accès au stockage du serveur , description du paramètre:
ID: «Peut être donné à volonté, principalement utilisé pour distinguer»
multiple: «vrai», si plusieurs fichiers de sélection sont autorisés lors du téléchargement
Nom: la clé à soumettre lors du téléchargement d'un fichier
Extendattr:
Champ: Lors de l'enregistrement du formulaire, le nom de clé envoyé: facultatif [unique | mutile | null] Si elle est unique, cela signifie que l'image téléchargée remplacera l'image existante, sinon elle sera annexée à l'image actuelle.
URL: L'URL soumise en téléchargeant l'image, vous pouvez également modifier la valeur par défaut dans global.fn.inituploadimage dans le fichier global.js
Remarque: Le format JSON renvoyé par défaut est: {Résultat: 200, imgurl: '......'}, Résultat: 200 signifie que le téléchargement d'image réussit!
Capture d'écran en cours:
Ce qui précède est la description complète de la prise en charge du téléchargement d'image de formulaire Smart Form Bootstrap (9) que l'éditeur vous a présenté. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!