异步文件上传控件

Question

关于.net中的AsyncFileUpload控件，一旦我选择一个文件，该控件就会执行文件上传。我担心的是，一旦我选择一个文件，是否可以禁用上传，以便我可以使用提交按钮异步处理上传。

Answer 1

我知道这已经很旧了，但我为此绞尽脑汁了一段时间，所以对于任何可能感兴趣的人来说。

我的第一个想法是禁用控件下的文件输入。

我能够禁用该控件，但不幸的是，它停止工作。当服务器触发 AsyncFileUpload_UploadComplete 时，输入被禁用，因此没有文件可供读取。

<script>
function disableFileUpload(on) {
    if (on) {
        $('#ajax-file-input input:file').attr('disabled', true);
    } else {
        $(#ajax-file-input 'input:file').attr('disabled', false);
    }
}
function AsyncFileUpload_CheckExtension(sender, args) {
    disableFileUpload(true);
    return true;
}
function AsyncFileUpload_OnClientUploadComplete(sender, args) {
    disableFileUpload(false);
    var data = eval('(' + args.d + ')');
    for (var key in data) {
        var obj = data[key];
        for (var prop in obj) {
            console.log(prop + " = " + obj[prop]);
        }
    }
    doThingsWith(data);
}
</script>
<div id="ajax-file-input">
<ajaxToolkit:AsyncFileUpload ID="AsyncFileUpload1" 
                    OnUploadedComplete="AsyncFileUpload_UploadComplete"
                    OnClientUploadStarted="AsyncFileUpload_CheckExtension" 
                    OnClientUploadComplete="AsyncFileUpload_OnClientUploadComplete" 
                    runat="server" />
</div>

我最终在控件顶部放置了一个半透明 png 并显示和隐藏它以使控件无法访问。

希望这有帮助。

function disableFileUpload(on) {
    if (on) {
        $("#file-disabled").show();
    } else {
        $("#file-disabled").hide();
    }
}

Answer 2

简单的答案是否定的。我也遇到过类似的异步上传问题。我的建议是，如果您需要使用按钮控制上传、添加和删除选定的文件（稍后您可能会需要它）并使用一些 JavaScript 操作，请远离他。

搜索SWFUpload，是一个可以轻松与.NET集成的Flash组件。它提供了多个 JavaScript 选项和事件。 :D

检查以下链接：

官方网站

演示

Answer 3

据我所知，AsyncFileUpload公开的唯一事件是UploadComplete事件和UploadError。没有专门公开手动启动上传功能的事件。也许 JavaScript 中的一些技巧可以做到这一点，但我以前没有见过这样的解决方法。