recherche

Maison >interface Web >js tutoriel >jQuery peut donner la priorité à l'aperçu local lors du téléchargement d'images

jQuery peut donner la priorité à l'aperçu local lors du téléchargement d'images

php中世界最好的语言
php中世界最好的语言original
2018-06-12 15:16:291411parcourir

Cette fois, je vais vous proposer jQuery pour donner la priorité à l'aperçu local lors du téléchargement d'images. Quelles sont les précautions à prendre pour que jQuery donne la priorité à l'aperçu local lors du téléchargement d'images ? 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery上传图片本地预览效果</title>
</head>
<body>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<input id="upload" type="file">
<img id="preview" src="">
<script type="text/javascript">
$('#upload').change(function(){
  // 获取FileList的第一个元素
  alert(document.getElementById('upload').files[0]);
  var f = document.getElementById('upload').files[0];
  src = window.URL.createObjectURL(f);
  document.getElementById('preview').src = src
})
</script>
</body>
</html>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser le composant parent vue pour appeler des composants enfants (avec code)

vue + iView exporter le formulaire Excel

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php jquery excel
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Cinq points de connaissances communs dans les entretiens JSArticle suivant：Cinq points de connaissances communs dans les entretiens JS

Articles Liés

Voir plus