关于ashx+ajax+formData实现文件excel文件的导入

2024-05-12 22:32

本文主要是介绍关于ashx+ajax+formData实现文件excel文件的导入,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

关于formData的使用可以去看基本操作

<p class="btnImport-p">
<button class="btnImport" title="上传" type="button" express="<%=infos.warehouseExpress%>">点击上传表格</button>      		
</p>

反正就知道有一个上传按钮叫Input type是file就行了;
接下来就是ajax 的使用了;

var uploadFile = layero.find("#uploadFile")[0].files[0]; //找到上传文件
formData.append("file", uploadFile); //上传文件,文件路径
$.ajax({url: '.ashx',dataType: 'json',type: 'POST',data: formData,

后台的ashx地址,这边只展示部分代码,记住FormData需要配合POST使用不然上传数据会出错。
接下来就是ashx后台的操作。
关于怎么获取formData里面的值,其实其已经和form表单一样了,只需要使用requet.from就可以获取了。
但是里面存储的文件流操作不能这样。

if (context.Request.Files.Count > 0){HttpPostedFile file = context.Request.Files["file"];//进行excel文件的读取string Suffix = System.IO.Path.GetExtension(file.FileName).ToLower();//获取文件后缀名if (Suffix == ".xlsx" || Suffix == ".xls" || Suffix == ".csv"){string filePath = context.Server.MapPath("/userIndex/uploadFiles/") + System.IO.Path.GetFileName(file.FileName); //拿到文件保存路径,实现文件上传file.SaveAs(filePath);msg = "文件上传成功";}else {code = 402;msg = "文件格式不正确,只支持(xlsx/xls/csv)";}var data = new { code = code, msg = msg,a=Suffix};JavaScriptSerializer json = new JavaScriptSerializer();var res = json.Serialize(data);context.Response.Write(res);

只贴部分代码,我这边因为开发需要只获取excel里面格式的文件,如果有需求的话,可以获取图片文件,啥文件类型都可以存储

if (context.Request.Files.Count > 0){HttpPostedFile file = context.Request.Files["file"];string filePath = context.Server.MapPath("/userIndex/uploadFiles/") + System.IO.Path.GetFileName(file.FileName); //拿到文件保存路径,实现文件上传file.SaveAs(filePath);}

关键代码就这几句,只需要获取文件路径后面直接进行保存即可。
关于后面进行数据库的批量导入导出,接下来会进行讲解分析。预测使用NPOI控件

这篇关于关于ashx+ajax+formData实现文件excel文件的导入的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/983912

相关文章

Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

《Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)》文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一... 目录一、首先 npm 安装插件二、创建一个vue组件三、业务页面内 引用自定义组件:四、dhtmlx

Vue ElementUI中Upload组件批量上传的实现代码

《VueElementUI中Upload组件批量上传的实现代码》ElementUI中Upload组件批量上传通过获取upload组件的DOM、文件、上传地址和数据,封装uploadFiles方法,使... ElementUI中Upload组件如何批量上传首先就是upload组件 <el-upl

Docker部署Jenkins持续集成(CI)工具的实现

《Docker部署Jenkins持续集成(CI)工具的实现》Jenkins是一个流行的开源自动化工具,广泛应用于持续集成(CI)和持续交付(CD)的环境中,本文介绍了使用Docker部署Jenkins... 目录前言一、准备工作二、设置变量和目录结构三、配置 docker 权限和网络四、启动 Jenkins

Java实战之利用POI生成Excel图表

《Java实战之利用POI生成Excel图表》ApachePOI是Java生态中处理Office文档的核心工具,这篇文章主要为大家详细介绍了如何在Excel中创建折线图,柱状图,饼图等常见图表,需要的... 目录一、环境配置与依赖管理二、数据源准备与工作表构建三、图表生成核心步骤1. 折线图(Line Ch

Python3脚本实现Excel与TXT的智能转换

《Python3脚本实现Excel与TXT的智能转换》在数据处理的日常工作中,我们经常需要将Excel中的结构化数据转换为其他格式,本文将使用Python3实现Excel与TXT的智能转换,需要的可以... 目录场景应用:为什么需要这种转换技术解析:代码实现详解核心代码展示改进点说明实战演练:从Excel到

如何使用CSS3实现波浪式图片墙

《如何使用CSS3实现波浪式图片墙》:本文主要介绍了如何使用CSS3的transform属性和动画技巧实现波浪式图片墙,通过设置图片的垂直偏移量,并使用动画使其周期性地改变位置,可以创建出动态且具有波浪效果的图片墙,同时,还强调了响应式设计的重要性,以确保图片墙在不同设备上都能良好显示,详细内容请阅读本文,希望能对你有所帮助...

C# string转unicode字符的实现

《C#string转unicode字符的实现》本文主要介绍了C#string转unicode字符的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随... 目录1. 获取字符串中每个字符的 Unicode 值示例代码:输出:2. 将 Unicode 值格式化

python安装whl包并解决依赖关系的实现

《python安装whl包并解决依赖关系的实现》本文主要介绍了python安装whl包并解决依赖关系的实现,文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面... 目录一、什么是whl文件?二、我们为什么需要使用whl文件来安装python库?三、我们应该去哪儿下

Python脚本实现图片文件批量命名

《Python脚本实现图片文件批量命名》这篇文章主要为大家详细介绍了一个用python第三方库pillow写的批量处理图片命名的脚本,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下... 目录前言源码批量处理图片尺寸脚本源码GUI界面源码打包成.exe可执行文件前言本文介绍一个用python第三方库pi

Java中将异步调用转为同步的五种实现方法

《Java中将异步调用转为同步的五种实现方法》本文介绍了将异步调用转为同步阻塞模式的五种方法:wait/notify、ReentrantLock+Condition、Future、CountDownL... 目录异步与同步的核心区别方法一:使用wait/notify + synchronized代码示例关键