使用javascript獲取拖放文件圖標

我想在用戶將某個div拖放到某個div上時獲取圖標的圖像，但它會準確顯示用戶看到的內容（例如縮略圖，* .ico），是否有可能這樣做，或者是否有人知道任何類似的項目？使用javascript獲取拖放文件圖標

非常感謝，非常感謝。

2011-09-16 Itai Sagi

只是爲了確保我收到了你的問題的權利：你想以某種方式提取系統在客戶端計算機上爲用戶上傳的文件類型使用的圖標。所以，即如果用戶上傳一個MS Word文檔，你想顯示這個圖標：http://www.angelclubgartow.de/assets/images/word_icon.jpg？如果用戶爲這些文件設置了自定義圖標，那麼您想獲取該自定義項目？ – klaustopher

@ klaustopher完全正確 –

比，沒有可能。對不起 – klaustopher

我建議的混合：

這個偉大的拖放上傳庫： http://valums.com/ajax-upload/

這段JavaScript代碼，他們上傳 How to upload preview image before upload through JavaScript

之前，您必須預覽上傳圖片在Valum的上傳器中添加一個監聽器來獲取正在上傳的文件，然後使用第二個鏈接中的代碼顯示它。

獲得通過JavaScript並不是一件容易的事局部圖像路徑...並且能夠做到這一點，同時支持大多數的瀏覽器將是更壞......

解決您的問題將是一個簡單的方法將圖像上傳到服務器上的臨時位置，返回該臨時路徑並顯示剛剛上傳的圖像。然後，如果用戶喜歡他上傳的內容並刪除臨時圖像，則會添加第二個「Keep」和「Discard」按鈕，以將上傳的圖像保存爲真實路徑。由於你的圖像是.ico，所以我認爲它們不是很大的文件，所以它們的上傳速度非常快，用戶也可以使用該技術快速獲得「預覽」。

你應該問自己，是否所有的時間都花在調整你的代碼上，以便在上傳之前向用戶顯示預覽，這實際上改善了用戶使用工具的體驗！

來源

2011-09-23 13:23:37 pgratton

你可能需要一些額外的工作轉換ICO文件的文件格式在瀏覽器中查看（如JPEG，PNG）

拖動和圖像拖放到瀏覽器中，如果您使用HTML5的將是可能的，刪除API。（https://developer.mozilla.org/en/DragDrop/Drag_and_Drop,http://www.thebuzzmedia.com/html5-drag-and-drop-and-file-api-tutorial/）。
捕獲用戶輸入後，您可以將圖像上傳到您的服務器。之後，您可以將圖像轉換爲任何您想要的圖像。最後，您可以將圖像展示給用戶。

來源

2011-09-19 06:40:31 lemoncider

這是一個很好的教程，我認爲它可以幫助你解決很多問題。如果我理解你的問題是正確的。 http://www.elated.com/articles/drag-and-drop-with-jquery-your-essential-guide/

來源

2011-09-22 11:56:24 Oscar

這很好，但我問的是從瀏覽器外拖動文件並捕捉它們的圖標來顯示。 –

然後它沒有幫助:) – Oscar

我不知道你是否想用html5，但我認爲用jQuery你可以做到這一點。我發現這個網址：http://decafbad.com/2009/07/drag-and-drop/api-demos.html#data_transfer

在這裏，你已經是「使用拖放反饋圖像」，這也許可以幫助你:)

來源

2011-09-25 14:59:17 newpatriks

使用javascript獲取拖放文件圖標

回答

相關問題