Question

到目前为止我找不到现有的答案，但这是我的目标：

我想使用asp.net fileupload控件（或您可能建议的其他控件）来选择一系列文件。没有提交表单，我希望所选文件显示在某种类型的连接列表中。

这是可以使用Fileupload控件还是我必须使用其他东西？我已经看到许多涉及提交然后抓取文件名的答案，但我不想为此而去服务器。只需要在选择文件名时抓住文件名，所有客户端都可以。

感谢您的时间！

Answer 1

使用files属性。请参阅以下代码：

function onInputChange(e) {
    var res = "";
    for (var i = 0; i < $("#customInput").get(0).files.length; i++) {
      res += $("#customInput").get(0).files[i].name + "<br />";
    }
  
    $('#result').html(res);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="customInput" type="file" accept="image/*" multiple onchange="onInputChange(event)" />
<br /><br />
<div style="color:blue" id='result'></div>

Answer 2

试试这个 -

<强>的Javascript

 function showFile() {
  var file = document.getElementById("<%=FileUpload1.ClientID%>");      
  var path = file.value;
  alert(path); 
}

文件上传控件

<asp:FileUpload ID="FileUpload1" runat="server" onchange="showFile()"  />

如何在不提交的情况下使用fileupload控件获取所选文件名客户端？

2 个答案: