JavaScript (index.html):
<div> <label for="fileboxy"> <img src="http://bit.ly/2PmisVq" style="cursor: pointer;" /> </label> <input id="fileboxy" type="file" style="display: none;" /> </div>
範例:
說明:
使用label的方式點選圖片同步觸發隱藏的input file選擇檔案。
大於取代為『>』小於取代為『<』
Tab字元取代為『 』
換行字元取代為『 』
雙引號取代為『\"』
&取代為『&』 | ||
高亮程式:『<pre class="brush:js;first-line:1;highlight:[0];">』+字串+『</pre>』 (含HTML架構『html-script:true;』) | ||
多行複製:『<textarea style="width:100%;overflow:visible" onclick="select()" rows="">』+字串+『</textarea>』 | ||
彈出框架:『<a href="javascript:;" onclick="window.open('"』+網址+『"', 'images', 'catalogmode, scrollbars, width=, height=')">Open</a>』 | ||
不作改變 | ||
<div> <label for="fileboxy"> <img src="http://bit.ly/2PmisVq" style="cursor: pointer;" /> </label> <input id="fileboxy" type="file" style="display: none;" /> </div>
沒有留言:
張貼留言