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

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

如何實現點擊div區域,即可上傳圖片,并在div中顯示圖片?

如何實現點擊div區域,即可上傳圖片,并在div中顯示圖片?

Zoe_z 2016-09-22 15:22:29
<div style="border: 1px solid ;overflow: hidden;position: relative;display: inline-block;"><input type="file" ?id="file" ?accept="image/*" ?/></div>
查看完整描述

3 回答

已采納
?
OlderSkee

TA貢獻123條經驗 獲得超103個贊

對于input file?各個瀏覽器獲取的值不同。。

ie的老版本可以獲取完整路徑,現在很多瀏覽器從安全角度考慮,已經不能獲取完整路徑了 。。

沒有路徑自然就沒辦法顯示 了。

結合后端才可以吧?。

查看完整回答
2 反對 回復 2016-09-22
?
我要開發地圖系統

TA貢獻29條經驗 獲得超13個贊

把div改成label,或直接在div的外面加一層label都行。

另外,你可以把input隱藏起來,用css——style="display: none;"。你可以給div設置任何喜歡的樣式了。

在div中顯示你上傳的圖片要用js來做,這個你可以到網上查查。

把div改成label

<label style="border: 5px solid #af0; overflow: hidden; position: relative; display: inline-block; width: 100px; height: 30px; background: #0fa;?border-radius: 70% 0;">

<input type="file" ?id="file" ?accept="image/*" style="display: none;"?/>

</label>


div的外面加一層label

<label>

????<div?style="border: 5px solid #af0; overflow: hidden; position: relative; display: inline-block; width: 100px; height: 30px; background: #0fa;?border-radius: 70% 0;">

????<input type="file" ?id="file" ?accept="image/*"?style="display: none;"?/>

????</div>

</label>


查看完整回答
2 反對 回復 2016-09-22
  • 3 回答
  • 0 關注
  • 9024 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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