Re: [問題] 有關上傳圖片的預覽

看板Ajax作者 (痴)時間17年前 (2007/10/30 20:42), 編輯推噓2(206)
留言8則, 4人參與, 最新討論串2/5 (看更多)
※ 引述《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

10/30 20:46, , 1F
對了 img_path 前後要加 + 號:P
10/30 20:46, 1F

10/30 22:43, , 2F
謝謝你!我試試哦!
10/30 22:43, 2F

10/31 09:24, , 3F
簡單來說選好圖之後(有input file的路徑) 上img 設src是
10/31 09:24, 3F

10/31 09:24, , 4F
該電腦使用者端的絕對路徑(c:\xxxx) , 它就可以預覽圖片
10/31 09:24, 4F

10/31 09:25, , 5F
(此時圖片還是在他電腦)
10/31 09:25, 5F

11/02 18:21, , 6F
這種作法只能在 IE 上面使用
11/02 18:21, 6F

11/05 17:58, , 7F
請問樓上,意思是別的瀏覽器不能用嗎?
11/05 17:58, 7F

11/05 17:59, , 8F
後來一時偷懶就直接用src指定的方法了…firefox不能看嗎?
11/05 17:59, 8F
文章代碼(AID): #179oQPwg (Ajax)
文章代碼(AID): #179oQPwg (Ajax)