jqgrid将文件拖放到网格中以进行上传

时间:2017-04-04 06:28:14

标签: jqgrid

我有一个网格,我在上传后列出了文件。它工作正常,但它不是最好的用户体验。他们将文件移动到拖放框中。

这就是拖放框。

<div id="filedragbox"> 
                                    <div>
                                        <div id="filedrag"><label for="fileselect" >Files to upload:</label><input type="file" id="fileselect" name="fileselect[]" multiple="multiple"/>or drop files here</div>
                                    </div> 

这是听众代码

filedrag.addEventListener("dragover", FileDragHover, false);
    filedrag.addEventListener("dragleave", FileDragHover, false);
    filedrag.addEventListener("drop", FileSelectHandler, false);

// file drag hover
function FileDragHover(e) {
    e.stopPropagation();
    e.preventDefault();
    e.target.className = (e.type == "dragover" ? "hover" : "");
}


// file selection
function FileSelectHandler(e) {

    // cancel event and hover styling
    FileDragHover(e);

    // fetch FileList object
    var files = e.target.files || e.dataTransfer.files;

    // process all File objects
    for (var i = 0, f; f = files[i]; i++) {
        ParseFile(f);
        UploadFile(f);
    }
}

但是我想知道是否可以将文件拖放到jqgrid中以上传文件。使用相同的想法。用户可以将文件拖放到网格空间中,然后激活文件上载。

如果不是,我可以按照现在的方式保持它。我认为用户直接拖入网格会更好

0 个答案:

没有答案