作者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