html input 上傳用法

最近在網頁上需要用到檔案上傳的功能，所以研究了一下怎麼使用

微軟說明

設定部份：

 

路徑不能手動輸入：ContentEditable = "false"

清除路徑的內容：本來以為用this.value = ""即可，但發現他完全部理我

                                  後來試了一下發現需要用 

                                  this.outerHTML=this.outerHTML

所以如果你要滑鼠點兩下後，清除路徑的內容，請這樣寫

ondblclick="this.outerHTML=this.outerHTML;"

 

 

最後，如果你覺得<input type='file'>的上傳按鈕太醜想換掉，請參考下面的文章進行設定

自訂「瀏覽」的圖片

 

 

完整屬性參考：

http://www.w3schools.com/TAGS/tag_input.asp