引导文件上传不与ASP Ajax AsyncFileUpload工作

Question

所以我在我的ASP web表单上有一个问题，在那里我使用Bootstrap并试图利用Ajax AsyncFileUpload控件。文件上传控件如下所示:

<div id="LoafFileUploadTemplate" class="custom-file">
    <asp:AsyncFileUpload ID="LoafFileUpload" runat="server" ClientIDMode="Static" CssClass="custom-file-input file-upload" enctype="multipart/form-data" method="post" OnClientUploadStarted="Loaf_UploadStarted" OnClientUploadComplete="Loaf_UploadComplete" OnUploadedComplete="LoafFileUpload_UploadedComplete" />
    <label class="custom-file-label">Choose File</label>
</div>
<asp:Button ID="LoafFileUploadComplete" runat="server" ClientIDMode="Static" CssClass="d-none" OnClick="LoafFileUploadComplete_Click" />

由于某些原因，LoafFileUpload_UploadedComplete方法在上传器完成时没有触发。我读到我需要添加enctype="multipart/form-data"方法="post">到文件输入。我已经这样做了，但仍然不起作用。这是bootstrap呈现AsyncFileUpload控件的方式，这两个属性被应用于div而不是文件上传控件，如下所示:

<div id="LoafFileUploadTemplate" class="custom-file">
<div id="LoafFileUpload" class="custom-file-input file-upload" enctype="multipart/form-data" method="post">
    <input type="hidden" name="ctl00$CPH_main$CsatoltFajlok$LoafFileUpload$ctl00"><div><input name="ctl00$CPH_main$CsatoltFajlok$LoafFileUpload$ctl02" type="file" id="ctl00_CPH_main_CsatoltFajlok_LoafFileUpload_ctl02" style="" size="20"></div>
</div>
<label class="custom-file-label">Fájl feltöltése</label>
</div>
</div>
<input type="submit" name="ctl00$CPH_main$CsatoltFajlok$LoafFileUploadComplete" value="" id="LoafFileUploadComplete" class="d-none">

就像这里看到的，enctype="multipart/form-data"方法="post">属性应用于包含文件输入的div，而不是输入本身。因此，文件不会被发送到服务器。有人知道如何解决这个问题吗?

Answer 1

原来我不需要添加enctype="multipart/form-data"Method ="post">到文件输入，而是到表单本身(在我的例子中，在母版页中)。