Question

我有一个fineuploader实例，并安装了许多放置目标和按钮。

我安排此方式类似于Google云端硬盘的上传功能，其中有一个集中上传框列出了正在进行的所有文件，完成后，我想对原始触发元素进行一些DOM操作（放下目标或按钮），并在其中放置预览和一些细节。

要进行DOM操作，我想获得原始触发元素。

为了更清楚，这里是我初始化拖放元素的方法：

    $('.drop-zone').fineUploaderDnd({
        classes: {
            dropActive: "cssClassToAddToDropZoneOnEnter"
        }
    })
    .on('processingDroppedFiles', function(event) {
        //TODO: display some sort of a "processing" or spinner graphic
    })
    .on('processingDroppedFilesComplete', function(event, files, dropTarget) {
        //TODO: hide spinner/processing graphic

        $gallery_upload.fineUploaderS3('addFiles', files); //this submits the dropped files to Fine Uploader
    });

以下是我初始化按钮的方法：

$gallery_upload.fineUploaderS3({
    ...

    extraButtons: [{
        element: $(".pdf-button"),
        validation: {
            allowedExtensions: ["jpg"]
        }
    }],
    ...

我正在阅读关于fineuploader的文档，但没有找到任何解释这种可能性的变量。

我想知道这是否可能，如果是的话，请给我一些帮助。

非常感谢您的帮助！

干杯，托马斯

============================================== < / p>

所以从一开始，我就不应该使用单独的模块： $（ '落区'）。fineUploaderDnd（{...

现在，我已将Dnd的代码修改为以下内容，然后，Ray的解决方案将很好地与它一起工作：

$gallery_upload.fineUploaderS3({
    dragAndDrop: {
        extraDropzones: [ $('.drop-zone') ]
    },
    ...

Answer 1

onValidate event handler传递HTMLElement指向与文件关联的上传按钮。在给定文件ID的情况下，您还可以使用the getButton API method查找与特定文件关联的按钮。

Fine Uploader还会向已删除的qqDropTarget对象添加File属性。此属性的值是处理删除文件的drop zone元素。这只能通过集成的DnD（Fine Uploader UI）放置工具（不是独立的）来完成。出于某种原因，这没有记录，我必须设法记住原因。如果这只是一个疏忽，我会将其添加到文档中。

Fine-Uploader：获取原始触发元素（单击或删除）

1 个答案: