jQuery + ajax + ashx实现无刷新文件上传

这篇博客主要介绍了如何结合jQuery、ajax和ashx处理文件无刷新上传。通过设置form标签的enctype属性,确保FileUpload控件正常工作,并使用jQuery的ajax方法提交FormData对象,注意contentType和processData的设置。服务器端使用ashx处理文件上传,文件将保存在指定的物理路径下,支持修改以实现批量上传。
摘要由CSDN通过智能技术生成

主要分享的是jQuery + ajax的数据提交技巧,至于是不是.NET框架关系不大,大家可以用自己所用的框架处理上传操作。

前台界面代码:

<form id="form1" action="#" runat="server" enctype="multipart/form-data">
    
    <asp:FileUpload ID="FileUpload1" runat="server" />
    <a href="#" id="btnUpload" class="easyui-linkbutton" data-options="iconCls:'icon-add'">上传文件</a>

</form>

例子中用的是ASP.NET的 FileUpload 控件和easyui的 linkbutton 插件,不过这些都不是必须的,大家按需使用即可,也可以是html的一般控件。反正都是一个文件浏览框和一个上传按钮。

需要注意的是:

1、form标签必不可少,不能只有文件浏览控件和上传按钮,且标签中 enctype="multipart/form-data" 必不可少。

2、文件浏览控件如果是在客户端运行,则必须指明name属性。服务器端运行可以不指出,如例子。

3、至于指定表单属性后能不能正常获取表单中的其他元素信息,不在本文讨论范围,暂未尝试。

利用jQuery + ajax提交表单࿱

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值