asp.net 无刷新附件上传实现方法

 更新时间:2010年01月24日 16:07:04   作者:  
一直以来附件上传都是个很郁闷的问题,刚开始是利用js添加input file 然后一起提交来实现多文件上传,在使用163邮箱的时候很是羡慕它的附件上传部分(选择完文件就提交,可以多个文件一起上传,而且还可以获取上传进度),这时就很想自己也写个那样的东西出来。

最近参照网上的一些资料,初步到达了预期目标(客户端获取上传进度,还没发现什么好的方法,没有实现),利用iframe实现了附件的无刷新上传效果(其实有提交iframe),为了使用方便,最后做成了,.net用户自定义控制:

控件使用示例:

控件使用示例

控件页面效果只是“添加附件”的图片,运行效果图一:

运行效果图一

点击图片弹出文件选择框,运行效果图二

运行效果图二

选中文件打开,文件开始上传,点击“停止”按钮,“正在上传”变为“等待上传”,“停止”变为“上传”,运行效果图三

运行效果图三

由于附件的大小受限或页面访问超时,上传失败,运行效果图四

button按钮是服务器按钮,可以为期增加js验证函数:

Button1.Attributes.Add("onclick", "return checkFileState();");

运行效果图五:

删除掉上传失败的文件,运行效果图六:

提交后,可以在cs里面获取到上传成功的附件名称,在Fileup.ashx中是以时间对文件进行重命名,为避免重复可以在后免再加几位随机数。

运行效果图七:

在cs文件中:

复制代码 代码如下:

public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Button1.Attributes.Add("onclick", "return checkFileState();");
}
protected void Button1_Click(object sender, EventArgs e)
{
Response.Write(FilePostCtr1.value);
}
}

代码打包下载

相关文章

  • ASP.NET中Web API的参数绑定

    ASP.NET中Web API的参数绑定

    本文详细讲解了ASP.NET中Web API的参数绑定,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • ASP.NET 动态写入服务器端控件

    ASP.NET 动态写入服务器端控件

    使用Asp.net进行开发时,因为某些需求原因,需要在页面中动态添加控件。当然,这些控件可以是普通的html标签,也可以是Asp.net独有的服务器端控件。
    2009-04-04
  • 建立自定义的数据驱动的本地化资源provider

    建立自定义的数据驱动的本地化资源provider

    本文探讨了自定义的本地化资源提供者.如果想用一个可替代系统的资源处理方案,例如把所有的资源放入数据库中,而不是放在分散的资源文件里,你可以自定义一个resource provider.
    2010-06-06
  • ASP.NET Core基于现有数据库创建EF模型

    ASP.NET Core基于现有数据库创建EF模型

    这篇文章介绍了ASP.NET Core基于现有数据库创建EF模型的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • .Net中的弱引用字典WeakDictionary和ConditionalWeakTable介绍

    .Net中的弱引用字典WeakDictionary和ConditionalWeakTable介绍

    这篇文章介绍了.Net中的弱引用字典WeakDictionary和ConditionalWeakTable,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-06-06
  • .Net项目在Docker容器中开发部署

    .Net项目在Docker容器中开发部署

    这篇文章介绍了.Net项目在Docker容器中开发部署的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • ASP.NET MVC 4 中的JSON数据交互的方法

    ASP.NET MVC 4 中的JSON数据交互的方法

    本篇文章主要介绍了ASP.NET MVC 4 中的JSON数据交互的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2017-04-04
  • linq中的串联操作符

    linq中的串联操作符

    这篇文章介绍了linq中的串联操作符,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03
  • 把ASP.NET MVC项目部署到本地IIS上的完整步骤

    把ASP.NET MVC项目部署到本地IIS上的完整步骤

    最近会经常修改一些网站前端的内容,为了方便跟UI和产品交流,需要将自己修改过的页面及时发布到测试机或者是本地的IIS上。下面这篇文章主要给大家介绍了关于如何把ASP.NET MVC项目部署到本地IIS上的相关资料,需要的朋友可以参考下
    2018-06-06
  • 禁用aspx页面的客户端缓存(防止页面被修改)

    禁用aspx页面的客户端缓存(防止页面被修改)

    默认情况下,IE打开一个网页,会在本地进行缓存,在某些时候也会带来了弊端,比如修改信息的页面等等因为URL并没有改变,所以IE会读取本地缓存,这种情况特别容易出现在弹出对话框或窗口进行修改的方式感兴趣的朋友可以了解下,或许对你有所帮助
    2013-02-02

最新评论