ASP.NET 中在指定的位置处插入字符

最新推荐文章于 2023-04-14 18:14:51 发布

java2000_test

最新推荐文章于 2023-04-14 18:14:51 发布

阅读量58

点赞数

文章标签： ASP.net ASP .net JavaScript XHTML ViewUI

本文介绍了一个ASP.NET应用案例，演示了如何在TextBox控件的光标所在位置插入上传文件的名称。通过结合使用服务器端C#代码和客户端JavaScript，实现了对光标位置的准确获取，并在文件上传后将文件名插入到指定位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是论坛中的一个问题，很多人经常会遇到，就贴出来。

完整代码如下，实现在光标处插入上传后的文件名：

<%@ Page Language="C#" AutoEventWireup="true" %>
<script runat="server">
  protected void Page_Load(object sender, EventArgs e)
  {
   TextBox1.Attributes.Add("onclick", "getCursor('" + TextBox1.ClientID + "','" + Hidden1.ClientID + "');");
  }
  protected void Button1_Click(object sender, EventArgs e)
  {
   string fileName = FileUpload1.FileName;
   //保存文件省略
   int pos = 0;
   Int32.TryParse(Hidden1.Value, out pos);
   TextBox1.Text = TextBox1.Text.Insert(pos, fileName);
  }
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>ASP.NET 中在指定的位置处插入字符</title>
<script type="text/javascript">
    function getCursor(param1,param2)
    {
     var pos = 0;
     var t = document.getElementById(param1);
     if(document.selection )
     {
      t.focus();
      var rng = document.selection.createRange();
      rng.setEndPoint("EndToStart", t.createTextRange());
      pos = rng.text.length;
     }
     else if(t.selectionStart)
     {
      pos = t.selectionStart;
     }
     document.getElementById(param2).value = pos;
    }
</script>

</head>
<body>
<form id="form1" runat="server">
<div>
  <asp:TextBox ID="TextBox1" runat="server" Width="629px">123456789</asp:TextBox>
  <input id="Hidden1" type="hidden" runat="server" />
</div>
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="上载文件" OnClick="Button1_Click" />
</form>
</body>
</html>