作者kewl (痴)
看板Ajax
標題Re: [問題] 有關上傳圖片的預覽
時間Tue Oct 30 20:42:00 2007
※ 引述《LisaShie (小麻)》之銘言：
: 請問：
: 如果我在上傳圖片的表單上，想直接讓它選好圖之後
: 同一頁之中預覽
: 那麼我該怎麼做呀？
: 依照我想的流程
: 是file的欄位onchange後
: 把圖片暫存到一個地方，然後show出來是嗎？
: 不過…要怎麼暫存圖案呀？
把 file 指定 id 給他 暫定叫 fid 好了
再另外給一個區塊作為顯示圖片用 <div id = "img_pre"></div>
onChange 的時候呼叫下面 function
function imgPreview() {
var img_path = document.getElementById("fid").value;
document.getElementById("img_pre").innerHTML =
"<img src='"img_path"'>";
}
這是很粗糙的作法啦，
可以自己再增加
沒測試過，應該可以用吧XD
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.139.138.175
1F：→ kewl:對了 img_path 前後要加 + 號:P 10/30 20:46
2F：推 LisaShie:謝謝你！我試試哦！ 10/30 22:43
3F：→ TonyQ:簡單來說選好圖之後(有input file的路徑) 上img 設src是 10/31 09:24
4F：→ TonyQ:該電腦使用者端的絕對路徑(c:\xxxx) , 它就可以預覽圖片 10/31 09:24
5F：→ TonyQ:(此時圖片還是在他電腦) 10/31 09:25
6F：→ luowr:這種作法只能在 IE 上面使用 11/02 18:21
7F：推 LisaShie:請問樓上，意思是別的瀏覽器不能用嗎？ 11/05 17:58
8F：→ LisaShie:後來一時偷懶就直接用src指定的方法了…firefox不能看嗎? 11/05 17:59