亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

文件讀取之更換圖片事件

文件讀取之更換圖片事件

swust_li 2016-04-14 13:56:24
用input type=file也好,用button事件也好,實現圖片選取功能。首先讀取本地圖片文件,選中確定之后顯示在頁面,每更換一次圖片,顯示區域要局部刷新一次。求解答。。。。。。。。。。。。。。。。。。。。
查看完整描述

3 回答

已采納
?
qq_青棗工作室_0

TA貢獻446條經驗 獲得超754個贊

<!DOCTYPE html>

<input id="input" type="file">

<div id="show"></div>

<script>

var input = document.getElementById("input");

input.onchange = function() {

if(!input.value) return;

var file = input.files[0];

if(!/image\/.+/.test(file.type)) return;

var reader = new FileReader();

reader.onload = function() {

document.getElementById('show').innerHTML = '<img src="' + this.result + '">';

}

reader.readAsDataURL(file);

}

</script>


查看完整回答
3 反對 回復 2016-04-14
?
不知名的前端程序猴

TA貢獻32條經驗 獲得超22個贊

去找找JQ的插件吧

查看完整回答
反對 回復 2016-04-14
?
Caballarii

TA貢獻1123條經驗 獲得超629個贊

大部分瀏覽器不支持這樣的訪問方法,要預覽圖片必須上傳了以后預覽

查看完整回答
反對 回復 2016-04-14
  • swust_li
    swust_li
    上傳到哪里?服務器?可不可以忽略掉上傳,直接實現選中預覽呢?
  • 3 回答
  • 0 關注
  • 1706 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號