Question

我已经使用rich：upload标签实现了文件上传，现在新的要求是让它接受从文件夹中拖放文件，然后触发文件上传过程。

我的问题是如何实现这个？无论Html5，jQuery等，只需实现它。

如果它可以集成到richfaces，例如一旦收到拖拽事件，我就可以触发富人：上传jQuery等最好的内容。

项目Web框架是richfaces + jsf。

提前谢谢。

增加：这是一个jquery文件上传demo

Answer 1

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>

如何丰富：上传接受拖放文件夹中的文件？

1 个答案: