function selectfile(e) {
var file = e.files[0];
var render = new FileReader();
render.onload = function (r) {
debugger
document.getElementById('img').src = r.target.result; //r.target.result 這裡是一個base64
}
render.readAsDataURL(file);
}
js將選擇的圖片顯示在img中
相關文章
- Android中呼叫攝像頭拍照儲存,並在相簿中選擇圖片顯示Android
- win10 選擇圖示怎麼顯示工作列_win10選擇快速操作圖示如何顯示在工作列Win10
- 擴充套件EasyUI在頁面中馬上顯示選中的本地圖片套件UI地圖
- 前端 img標籤顯示 base64格式的 圖片前端
- HTML img 元素無法顯示 base64 圖片的可能原因HTML
- WPF/C#:在DataGrid中顯示選擇框C#
- base64 img圖片按父div等比例顯示
- Delphi在dbgrideh中新增Img顯示blobIDE
- 呼叫系統檔案管理器選擇圖片,呼叫系統裁剪AIP對圖片處理,顯示裁剪之後的圖片...AI
- WPF/C#:讓繪製的圖形可以被選中並將資訊顯示在ListBox中C#
- 如何在終端中顯示圖片
- 鴻蒙跳轉到相簿或者檔案選擇圖片並顯示到Image控制元件中鴻蒙控制元件
- html input type=file 選擇圖片,圖片預覽 純html js實現圖片預覽HTMLJS
- Overleaf中插入pdf圖片只顯示圖片路徑的解決方式
- CSS圖片的灰色顯示效果CSS
- Flutter 圖片選擇器 SelectPhotoWidgetFlutter
- EasyUI選擇日期只顯示年月UI
- iPhone中XML處理以及網路上的圖片顯示iPhoneXML
- 瀏覽器能正常訪問圖片,但是放到img src下就無法顯示的解決方案瀏覽器
- 關於Spyder在高解析度顯示器下的選單圖示顯示不正確問題
- 小程式button背景顯示圖片
- vue el-image 顯示圖片Vue
- 圖片上傳顯示替換
- iOS開發圖片格式選擇iOS
- 用label顯示帶圖片的富文字
- Selenium 隱式等待與顯示等待的選擇
- js如何將選中圖片檔案轉換成Base64字串?JS字串
- vue-element 選擇框 選擇值改變,顯示不變Vue
- CSS 設定<img>圖片樣式CSS
- 2018年電腦顯示卡選購指南 遊戲顯示卡怎麼選擇?遊戲
- 淺談Flutter web 圖片選擇器及圖片壓縮FlutterWeb
- 【JavaScript】拖拽圖片檔案顯示縮圖 + div點選模擬 input[type=file]JavaScript
- 選項中選擇現在
- BMP圖片的複製#顯示到螢幕
- [WPF] 可選擇的TextBlock,正則匹配高亮顯示BloC
- 大頭針顯示多張圖片
- cv2.imshow顯示圖片不全
- win10qq圖示怎樣在工作列顯示_win10qq圖示在工作列顯示的方法Win10