Heim > Artikel > Web-Frontend > jQuery kann beim Hochladen von Bildern der lokalen Vorschau Vorrang einräumen
Dieses Mal bringe ich Ihnen jQuery mit, um der lokalen Vorschau beim Hochladen von Bildern Vorrang einzuräumen. Das Folgende ist ein praktischer Fall, schauen wir uns das an.
<!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>
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
vue + iView Excel-Formular exportieren
Das obige ist der detaillierte Inhalt vonjQuery kann beim Hochladen von Bildern der lokalen Vorschau Vorrang einräumen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!