作者tinghsuan (nothing)
看板Ajax
標題Re: [問題] 有關上傳圖片的預覽
時間Sat Nov 17 15:11:31 2007
※ 引述《qazsd (nice play!)》之銘言：
: 這個即時產生縮圖我有試過
: 是可行的
: function iconPreview() {
: var img_path = document.getElementById("m_path").value;
: document.getElementById("icon").innerHTML ="<img src='"+img_path+"
: '>";
: 只是想限定縮圖大小等於 width="60" height="60"
: width 跟 height標籤的單雙引號不知道該怎麼設才好
你這個function我沒試可不可行，故單純就寫法來說
以下為innerHTML的值
1.不用加也可啦
"<img src='"+img_path+"' width=60 height=60>";
2.要加的話，你前面用單引號後面一樣比較一致
"<img src='"+img_path+"' width='60' height='60'>";
: 且上傳視窗預設只會找影像檔
: 請問要怎麼做呢
: 還有請問一個基本的問題
: 在Dreamweaver 8裡面，影像欄位是用來做什麼的阿
為某些原因(美觀或啥的)不切圖但又要放連結用的，很常見
: ※ 引述《kewl (痴)》之銘言：
: : 把 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.2.42
1F：推 qazsd:感謝 11/18 10:33
2F：→ mesak:"<img src=\""+img_path+"\" width=\"60\" height=\"60\">" 11/20 18:45