Maison > Article > interface Web > jQuery implémente le téléchargement d'images avec la fonction de prévisualisation locale
jQuery implémente le téléchargement d'images avec la fonction de prévisualisation locale
- php中世界最好的语言original
- 2018-04-27 17:11:192389parcourir
Cette fois, je vous propose jQuery pour implémenter le téléchargement d'image avec la fonction de prévisualisation locale jQuery implémente le téléchargement d'image avec la fonction de prévisualisation localeIl y en a. , voici des cas pratiques, jetons un coup d'œil.
<!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>
Effet opérationnel :
Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article , et il y aura des choses plus excitantes. Veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Résumé de la méthode du composant parent Vue appelant le composant enfant
Utilisation du composant de l'arborescence de fichiers Vue (avec code)
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!