Question

我试图为我的用户改进单个文件上传。目前我使用 < a href=" http://uploadify.com/" rel=" no follow" > 更新用于所有我的图像上传。我有一个弹出对话框, 其中包含一个上传控件和一个文本框, 用户可以在其中添加图像的注释。

我设置了 multi=false 和 queueSizeLimit=1 来限制每次上传上传的文件上传到一个文件。因此,如果在队列中存在一个文件,而且用户试图选择另一个文件,他/她会收到一条警示信息: 所选文件的数量超过剩余的上传限制(0)

我想推翻此默认行为, 并替换队列中的文件。 (如果它没有被上传的话) 这将是我的用户想要的方便特性。这将防止他们手动取消队列中的文件。

有谁知道该如何实施这种行为吗?

Answer 1

我的解决方案如下:

var selectedFile = null;
$( #example ).uploadify({       
     swf            :  uploadify.swf ,
     uploader       :  uploadify.php ,
     cancelImg      :  cancel.png ,
     multi          : false,
     auto           : false,
     onSelect       : function(file) {
        if(selectedFile !== null) {
            $( #example ).uploadify("cancel",selectedFile.id);
        }
        selectedFile = file;
    },
     onCancel  : function(file) {
        $("#" + file.id).hide();
    }

});

首先,您在外部范围设置一个 var 以跟踪选中的文件, 最初将其设置为空。

您设置了 multi 为假文件, 以便每次只能选择一个文件, 然后使用 on select 函数来设置选中的File vol, 如果有的话, 在取消上一个队列文件后设置。

我还在这里设置了 onCancel 函数, 因为取消文件默认会标记文件已取消, 然后在短短的延迟后将其淡出。相反, 我们直接隐藏文件上传栏, 让它看起来好像文件已被互换掉, 当我们真正要做的是将另一个文件添加到队列, 然后删除上一个文件。

友情链接