如何製作富文件：上傳接受從文件夾中拖放文件？

我已經使用rich：upload標籤實現了文件上傳，現在新的要求是讓它接受從文件夾拖放文件，然後觸發文件上傳過程。如何製作富文件：上傳接受從文件夾中拖放文件？

我的問題是如何實現這個？無論Html5，jQuery等，只要實現它。

如果它可以集成到richfaces，例如一旦收到拖動事件，我可以觸發富人：上傳與jQuery等最好的東西。

該項目的web框架是richfaces + jsf。

預先感謝您。

增加：這裏是一個jQuery文件上傳demo

2012-12-27 khuang

試試這個，HTTP：//docs.jboss.org/richfaces/latest_4_X/Component_Reference/en-US/html/chap -Component_Reference-Drag_and_drop.html –

我以前看過這個功能，我只是不確定如何將它集成到中，一旦收到拖動事件，我如何觸發它？如果可能，那對我來說就是最好的解決方案:) – khuang

Here你展示如何使用File API一個例子。

基本上，你必須使用ondrop事件和FileReader對象：

<div id='holder'></div> 
<script> 
    var holder = document.getElementById('holder'); 
    holder.ondrop = function (e) { 
     var file = e.dataTransfer.files[0], 
      reader = new FileReader(); 

     reader.onload = function (event) { 
      // your file info 
      console.log(event.target); 
     }; 

     // do read 
     reader.readAsDataURL(file); 

     return false; 
    }; 
</script>

來源

2012-12-27 14:04:09 lante

我該如何在JSF bean中使用這個文件 –

我不知道JSF，但是一旦你有了這個文件，你可以嘗試用'xhr.send（File） – lante

是的，我們可以使用xhr.send（File），並且在JSF bean中需要一個新的具體方法，而對於richfaces，則需要一個新的具體方法，謝謝二，它可能是一個計劃B. – khuang

如何製作富文件：上傳接受從文件夾中拖放文件？

回答

相關問題