recherche

Maison >interface Web >js tutoriel >jQuery prévisualise localement avant de télécharger des images

jQuery prévisualise localement avant de télécharger des images

php中世界最好的语言
php中世界最好的语言original
2018-05-08 11:03:031274parcourir

Cette fois, je vais vous apporter un aperçu prioritaire local avant que jQuerytéléchargementimage Quelles sont les précautions pour l'aperçu prioritaire local avant que jQuery télécharge l'image ? Voici quelques exemples de cas pratiques. 

<!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 :

vue crée des fonctions de sélection complète et de sélection inverse

vue.js element-ui tree tree shape Comment modifier iview

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!

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：Résumé et solutions aux erreurs JS courantesArticle suivant：Résumé et solutions aux erreurs JS courantes

Articles Liés

Voir plus