Maison > Article > interface Web > jQuery prévisualise localement avant de télécharger des images
jQuery prévisualise localement avant de télécharger des images
- php中世界最好的语言original
- 2018-05-08 11:03:031218parcourir
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!