文件上传后启用按钮

Question

在ASP.net中使用JQuery上传文件。上传完成后，我想在按钮上启用可见性，以便用户继续下一步。我尝试使用显示功能但没有成功。

这是我的代码 html

<script>
        var counter;
        function UploadFile() {
            var files = $("#<%=UploadImages.ClientID%>").get(0).files;
            counter = 0;
            totalfiles = files.length;

            // Loop through files
            for (var i = 0; i < files.length; i++) {
                var file = files[i];
                var formdata = new FormData();
                formdata.append("UploadImages", file);
                var ajax = new XMLHttpRequest();

                ajax.upload.addEventListener("progress", progressHandler, false);
                ajax.addEventListener("load", completeHandler, false);
                ajax.addEventListener("error", errorHandler, false);
                ajax.addEventListener("abort", abortHandler, false);
                ajax.open("POST", "fileuploadhandler.ashx");
                ajax.send(formdata);
            }
        }

        function progressHandler(event) {
            percent = ((counter + 1) / totalfiles) * 100;
            $("#progressBar").val(Math.round(percent));
        }

        function completeHandler(event) {
            $("btnContinue").show();
            counter++
            $("#status").html(counter + " files uploaded");
        }

        function errorHandler(event) {
            $("#status").html("Upload Failed");
        }

        function abortHandler(event) {
            $("#status").html("Upload Aborted");
        }
    </script>

<div class="row">
                <asp:FileUpload runat="server" ID="UploadImages" AllowMultiple="true" />
                <input type="button" id="btnUpload" value="Upload Files" class="btn btn-lg btn-primary" onclick="UploadFile()" />
                <%--<asp:Label ID="listofuploadedfiles" runat="server" />--%>
                <br />
                <br />
                <progress id="progressBar" value="0" max="100" style="width: 300px; height: 50px;"></progress>
                <br />
                <h3 id="status"></h3>
                <p id="loaded_n_total"></p>
            </div>
            <div class="row">
                <asp:Button runat="server" CssClass="btn btn-lg btn-primary" ID="btnContinue" Text="Process Images" OnClick="btnContinue_Click" />
            </div>

Answer 1

您似乎只是缺少 # 作为元素选择器参考？

变化：

$("btnContinue").show();

收件人：

$("#btnContinue").show();

文件上传后启用按钮

Enable button after File Upload

asp.net

jquery

jquery-file-upload