用户选择要上传的文件然后更改名称时出错

Question

我在页面上有一个FileUpload 元素。旁边是一个标签，显示上传尝试的结果，下面是一个按钮，用户可以选择执行上传。

<p>
    <asp:FileUpload ID="InputUpload" runat="server" />
    <asp:label id="LabelResult" runat="server" />
</p>
<p>
    <asp:Button runat="server" ID="ButtonUpload" Text="Upload" 
        OnClick="ButtonUpload_Click" />
</p>

对于更注重视觉的人来说，这是一张图片：

客户端（用户）按顺序执行以下操作：

1. 单击选择文件按钮
   • 这会弹出一个对话框，允许用户选择文件。
2. 选择一个名为 Foo.txt 的文件
3. 将文件名改为 Bar.txt
   • 这是在客户端机器上完成的，而不是在我的代码中。
4. 点击上传

此时，页面崩溃。我在 Chrome 中收到以下消息：

找不到此网页

ERR_FILE_NOT_FOUND

我在Page_Load() 和ButtonUpload_Click() 中设置了断点以试图弄清楚发生了什么，但看起来控制权不会返回到我的页面。我认为 Chrome 在尝试发布一个名称在选择后一段时间内更改的文件时出现问题。我是否可以在服务器端捕获此错误，以免页面崩溃？

如果我没有包含我需要的代码，请告诉我。就像我提到的，我在ButtonUpload_Click() 的第一行代码处设置了断点，但它没有被命中，所以我认为发布该代码不会有帮助。

经过进一步测试，这似乎只发生在 Chrome 中。我在 Firefox 和 Internet Explorer 中进行测试，文件是使用第一次选择时的名称上传的。

Answer 1

如果我的问题是正确的，那么您正在尝试覆盖 FileUpload.FileName 属性。

FileUpload.FileName Property: 获取客户端上的文件名 使用 FileUpload 控件上传。

尝试使用类似的东西：

string fName = FileUpload1.FileName;

然后在其余步骤中使用fName（无论您要重命名的位置，覆盖fName 变量）。如果您希望使用该名称上传 fName，您也可以将其传递给服务器！

如果您想在客户端执行此操作，可以使用 JQuery：

  var fName =  $('#FileUpload1').prop("files")['name'];

然后根据需要设置 fName。