Question

当用户想要上传文件时（目前表格中有4个位置允许这样做），他们首先必须“选择文件”，然后他们必须点击“上传”。如果他们错过了第二个“上传”步骤，则没有任何迹象表明他们或我们。

有没有办法将“两步”流程合并为一个步骤（选择并上传）。

Answer 1

使用此链接了解更多信息

http://www.c-sharpcorner.com/UploadFile/2b481f/uploading-a-file-in-Asp-Net-web-api/

您也可以使用此代码

<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.9.1.min.js"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:FileUpload ID="fileupload1" runat="server" />
        <asp:Button ID="btn" runat="server" OnClick="btn_Click" Text="upload" style="display:none" />
    </div>
    <script type="text/javascript">
        var isfirst = true;
        $(function () {

            $('#<%= fileupload1.ClientID %>').on('change', function (e) {
                console.log('change triggered');
                $('#<%= btn.ClientID%>').trigger('click'); // trigger the btn button click which i have hidden using style='display:none'
            });
        });

    </script>
    </form>
</body>
Code behind

protected void btn_Click(object sender, EventArgs e)
{
    //TODO 
}

一步处理文件上传

1 个答案: