Maison > Article > interface Web > 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中世界最好的语言original
- 2018-06-12 15:16:291309parcourir
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!