圖片上傳顯示縮略圖
- 只測試Chrome(版本 58.0.3029.81 (64-bit))
HTML
<input id="file" type="file" onchange="ShowImage(this,document.getElementById('img'))">
<br />
<img id="img" height="100px" width="100px">
JS
<script>
function ShowImage(t, img) {
// 獲取文件
var file = t.files[0];
// 設(shè)置<img/>stc 路徑
img.src = window.URL.createObjectURL(file);
}
</script>
vue中選擇圖片顯示
<input id="file" type="file" @change="ShowImage($event)">
<br />
<img id="img" height="100px" width="100px">
ShowImage(event) {
// 獲取文件
const file = event.target.files[0];
// 設(shè)置<img/>stc 路徑
const Img = document.getElementById('img');
Img.src = window.URL.createObjectURL(file);
},
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
