asp.net - 通过按钮触发 AsyncFileUpload 控件

Question

我想通过页面中的另一个控件触发 AsnyncFileUpload 控件。

我使用了来自 ASP.NET AJAX 工具包的 AsyncfileUpload 并通过 JQuery 隐藏它。并在其旁边放置一个按钮。当我单击此按钮并选择一个文件时，我想触发 AsycnFileUpload 并上传文件。

我已经编写了大部分代码，但是在选择文件时出现 Javascript 错误。

(错误:拒绝访问；

地点:setTimeout(function () {
mainForm.submit(); //Error here;
uploader._waitTimer = setTimeout(function () { uploader._wait() }, 100);
}, 0);

<asp:Button ID="btnFileUpload" runat="server" Text="Add" onclientclick="FileUploadClick(); return false;"/>
<ajaxToolkit:AsyncFileUpload  runat="server" ID="AsyncFileUpload1" Width="400px" UploaderStyle="Modern" UploadingBackColor="#CCFFFF"/>

这是我的Javascript(我看到了控件生成的标记并得到了文件输入
通过附加“_ct102”键入)

function FileUploadClick() {
            var fileUploadControl = document.getElementById('<%= AsyncFileUpload1.ClientID %>' + '_ctl02')
            fileUploadControl.click();
            //fileUploadControl.setActive();                
        }

Answer 1

我对此进行了更多研究，发现这是无法做到的。
由于安全原因，禁止触发从其他控件输入的文件类型。所以这是做不到的。

设置文件上传控件样式的唯一解决方法是放置不透明度为 0 的控件并将我们的控件放置在此文件控件下方并更改 HTML 中的 Z-index。
事实上，这是 AsyncFileUpload 控件使用的确切技巧。

这是解释技巧的链接
http://www.quirksmode.org/dom/inputfile.html

所以我在 AsyncFileUpload 上应用了这个技巧，它在内部将它应用于 HTML 文件上传控件

谢谢大家