久久福利_99r_国产日韩在线视频_直接看av的网站_中文欧美日韩_久久一

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

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

瀏覽:96日期: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.gepszalag.com/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
相關文章:
主站蜘蛛池模板: 国产精品久久久99 | 久久久久一 | 综合久久一区 | 免费一区在线 | 国产一区精品在线 | 国产中文字幕在线 | 欧美精品一区二区三区四区 | 99re在线免费 | 在线视频中文字幕 | 一区二区三区四区免费观看 | 天天干女人 | 亚洲一区欧美一区 | 国产高清免费视频 | 亚洲不卡 | 精品国产不卡一区二区三区 | 国产精品99久久久久久久vr | 天天操网 | 欧美日韩视频在线观看一区 | 久久这里只有精品免费 | 国产视频福利一区 | 亚洲欧美国产毛片在线 | 欧美日韩一区二区在线 | av看片网 | 国产精品美女久久久久久免费 | 亚洲成人一区二区三区 | 国产精品久久久久免费a∨ 欧洲精品一区 | 日韩专区一区二区三区 | 国产在线观看一区二区 | av免费观看在线 | 国产人免费人成免费视频 | 亚洲午夜精品一区二区三区 | 亚洲精品中文字幕在线观看 | 午夜草逼| 日韩视频在线观看 | 91精品国产91久久久久久黑人 | 亚洲成人精品一区 | 成人a在线视频 | 亚洲国产一区视频 | 国产精品久久久久久久久久久久久久 | 日韩精品久久久 | 91精品国产91久久久久久久久久久久 |