2013-01-17 36 views
1

我正在嘗試爲我的網站製作上傳文件夾,因此用戶可以輕鬆地在其上拖放文件。以較少的拖放方式拖放上傳

這裏有很多的庫和事件,但我需要一個簡單的方法。

這個(thought)來到我的腦海...

我把file input頁面,並設置widthheight

現在當我的用戶在上面拖動一個文件時,onchange事件就會起作用。

,但我想隱藏瀏覽按鈕,並有兩路:

設置0 opacity(它不是在某些瀏覽器中工作)

設置hidden visibility(思想不工作)

幫助我,還有什麼我可以嘗試?

+0

我會建議陰影DOM,但這不是一個工作草案。 – Mooseman

回答

1

將表單放在隱藏的iframe上。爲目標使用普通的div。當文件被刪除時,捕獲事件並更新輸入,然後作爲帖子提交。結果是通過文件拖放來上傳ajax。

+1

或者,您可以使用FileReader讀取丟棄的文件,並使用新的XMLHTTPRequest二級標準進行上載。 – Licson