Maison > Questions et réponses > le corps du texte
<input type="file" type="file" accept="image/*" onchange="previewImage" multiple/>
onchange
里面填写previewImage
能在previewImage
函数里面获取到一个值(很多人都会写成e),里面有files,这个e是什么?
如果在onchange
里面填写previewImage('segmentfault')
,在previewImage
Dans la fonction, seul le segmentfault peut être obtenu. Où est passé le e ? Que dois-je faire si je veux les obtenir en même temps ?
Et quelle est la différence previewImage('segmentfault')
和previewImage
?
est passé previewImage
, n'est-ce pas juste une référence ? Pourquoi est-il appelé directement ?
Veuillez recommander un tutoriel ou un livre js. Maintenant, j'utilise uniquement jq, vue et diverses bibliothèques js. . Mais lorsque je rencontre des problèmes, je n’arrive pas toujours à les résoudre, ce qui me frustre. . Si vous souhaitez apprendre les bases, veuillez recommander ce livre
高洛峰2017-05-19 10:20:17
Le paramètre de previewImage peut être ceci, qui fait référence à la balise <input>
Manipulez les fichiers via this.files. Par exemple, this.files.length est le nombre de fichiers, et this.files[index] pointe vers le fichier correspondant.
Le paramètre de previewImage peut être event, qui fait référence à l'événement de changement.
Quant à l'ajout de gestionnaires d'événements, vous pouvez
1 Écrire le code js directement entre guillemets, comme
<input type="file" accept="image/*" onchange="alert
(event.type);" multiple/>
2.onchange = nom de la fonction, la fonction est déclarée dans le script. Si "previewImage" n'ajoute pas (), il ne sera pas exécuté.
<input type="file" accept="image/*" onchange="previewImage
(this)" multiple/>
<script> function previewImage(obj){
alert(obj.files.length);
};</script>
3.Gestionnaire d'événements DOM niveau 0
<input type="file" accept="image/*" multiple/>
<script> document.getElementsByTagName("input")[0].onchange = function(){
alert(event.type);
};</script>
4.Gestionnaire d'événements DOM niveau 2
<input type="file" accept="image/*" multiple/>
<script> document.getElementsByTagName("input")[0].addEventListener("change",function(){
alert(event.type);
});</script>`
或者IE7 8中为`<script> document.getElementsByTagName("input")[0].attachEvent("onchange",function(){
alert(event.type);
});</script>
J'ai peut-être écrit quelque chose de mal, le meilleur moyen est de le pratiquer vous-même.
Le livre que j'ai lu est la troisième édition de "JavaScript Advanced Programming".
巴扎黑2017-05-19 10:20:17
e
表示event
;
可以通过this
获取相关files
Données ;
"Programmation avancée JavaScript" recommandée
伊谢尔伦2017-05-19 10:20:17
Livre Rhino recommandé par Basic js - Le guide faisant autorité sur JavaScript (6e édition)