午夜剧场伦理_日本一道高清_国产又黄又硬_91黄色网战_女同久久另类69精品国产_妹妹的朋友在线

您的位置:首頁技術文章
文章詳情頁

JS中FileReader類實現文件上傳及時預覽功能

瀏覽:203日期:2024-05-14 14:21:58

FileReader是H5瀏覽器才支持的JS類,如果不支持H5de瀏覽器可以使用FormData類實現文件的上傳預覽,使用可以參考我的下一篇博客:JS中FormData類實現文件上傳

JS中FileReader類實現文件上傳及時預覽功能

代碼:

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <title>文件及時預覽功能</title></head><body> <input type='file' id='file'> <img src='http://www.leifengta.com.cn/bcjs/14726.html' id='preview'> <script> var file = document.querySelector(’#file’); var priview = document.querySelector('#preview'); // 監聽文件上傳事件 file.onchange = function () { var reader = new FileReader(); // 讀取文件 reader.readAsDataURL(this.files[0]) reader.onload = function () { // 將文件讀取結果顯示到圖片中 priview.src = reader.result; } } </script></body></html>

更多精彩內容請參考專題《ajax上傳技術匯總》,《javascript文件上傳操作匯總》和《jQuery上傳操作匯總》進行學習。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 久久黄色免费网站 | www五月婷婷 | 免费观看中文字幕 | 中文字幕视频在线观看 | 五月天亚洲综合 | 国产免费av一区二区 | 激情五月婷婷综合网 | 好吊色欧美一区二区三区视频 | 国产精品99久久久久久久久 | 欧美视频一二三 | 中文字幕777 | 五月婷激情 | 337p粉嫩大胆噜噜噜亚瑟影院 | 青青超碰| 国产一区二区免费在线 | 欧美性喷潮 | 欧美一级特黄aaaaaa | 亚洲欧美视频在线观看 | 伊人久久大香线蕉综合网站 | 久热这里只有精品6 | 久草五月天 | 蜜臀久久99精品久久久久久 | 国产免费二区 | 国产成人精品123区免费视频 | 六月综合激情 | 成人免费毛片视频 | 亚洲午夜精品久久久久久浪潮 | 欲望岛av | 麻豆视频免费在线 | 国产第一av | 岛国av网 | av网站入口 | 成人国产一区 | 福利视频在线 | 亚洲女人天堂av | 欧美日韩午夜 | 黄色大片网 | 五月色婷| 色偷偷综合网 | 亚洲高清中文字幕 | 精品动漫一区 |