asp.net FileUpload按件一键上传
程序员文章站
2022-06-11 13:04:27
...
页面代码：
在<head></head>中插入以下代码
<script type="text/javascript">
function uploadFile(filePath) {
if (filePath.length > 0) {
document.getElementById('Button5').click();
//formReset();
}
}
function uploadFile1(filePath) {
if (filePath.length > 0) {
document.getElementById('Button6').click();
//formReset();
}
}
function formReset() {
document.getElementById("form1").reset()
}
</script>在页面最后插入以下代码：
<script type="text/javascript">
// 打开上传文件浏览
function Upload_openBrowse() {
var ie = navigator.appName == "Microsoft Internet Explorer" ? true : false;
if (ie) {
document.getElementById("FileUpload1").click(); // 通过document元素点击FileUpload控件
//document.getElementById("filename").value = document.getElementById("FileUpload1").value;
//document.getElementById("Button5").click();
}
else {
var a = document.createEvent("MouseEvents");//FF的处理
a.initEvent("click", true, true);
document.getElementById("FileUpload1").dispatchEvent(a);
}
}
</script>在页面合适位置添加三个控件
<asp:FileUpload ID="FileUpload1" runat="server" Height="40px" onchange="uploadFile(this.value)" Style="display: none;" />
<input class="button" name="button" onclick="javascript: Upload_openBrowse();" style="height: 50px;" type="button" value="采集电脑屏图像" />
<asp:Button ID="Button5" runat="server" CssClass="button" Height="40px" OnClick="Button5_Click" Text="采集电脑屏图像" Style="display: none;" />在CS文件中的Button5_Click事件中写入上传代码就可以实现了。