您现在的位置是:首页 > 正文

Excel表格如何上传到服务器

2024-01-30 23:56:04阅读 0

接口的写法 

HttpPostedFile file = null;
                foreach (string upload in Request.Files.AllKeys)
                {
                    if (Request.Files[upload] == null)
                    {
                        continue;
                    }
                    else
                    {
                        file = Request.Files[upload];
                        string filename = DateTime.Now.ToString("yyyyMMddHHmmssfffffff").ToString() + ".xlsx";// file.FileName.ToString();

                        string uploadPath = AppDomain.CurrentDomain.SetupInformation.ApplicationBase + "\\文件名1\\文件名2\\";
                        if (!Directory.Exists(uploadPath)) //引用磁盘上的现有目录
                        {
                            Directory.CreateDirectory(uploadPath);
                        }

                        string saveFile = uploadPath + filename; //保存文件的路径+文件名
                        file.SaveAs(saveFile);

                    }
                }

接下来看看前端怎么写 (框架用 饿了么 + vue2.0 )

 ①最简单写法 

<el-form ref="searchForm" :inline="true" :model="searchForm" class="mt-search-form" method="post" name="fileinfo" id="fileinfo">

                    <input type="file" ref="fileInput" style="display:none" @change="selectedFile">
                    <div class="toolItem" @click="clickUpload">
                        <p>上传文件</p>
                    </div>

                    <el-col>
                        <div class="grid-content bg-purple">
                            <label class="control-label" style="width: 125px;">
                                审批项目文件:
                            </label>
                            <div class="controls" style="margin-left: 0px;">
                                <input type="file" id="filepath" name="filepath" style="display:none" @change="changetext()" />
                                <input class="m-wrap" type="text" id="pathfile" name="pathfile" readonly="readonly" value="$filepath$"  />
                                <input class="btn green" type="button" value="选择文件" id="uploadpath" />
                            </div>
                            </div>
                     </el-col>                   
                    <input class="btn blue" type="button" id="btnsubmit" value="提交" @click="update()" data-dismiss="modal" />  
               </el-form>

  


                //上传图片
                update: function () {
                    var pathfile = $("#pathfile").val();
                    var filepath = $("#filepath").val();
                    var formData = new FormData();
                    formData.append("filepath", filepath);

//FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据
                

                    $.ajax({
                        url: "http://huangchaoqing.com",
                        type: "post",
                        data: formData,
                        contentType: false,
                        processData: false,
                        success: function (res) {
                            console.log('上传文件:', res);
                            if (res.Success) {
                                console.log('上传文件:', res.Data);
                                that.$refs.fileInput.value = '';
                                that.$message({
                                    type: "success",
                                    message: '上传成功',
                                    showClose: true
                                });
                                that.getList();
                            } else {
                                that.$message({
                                    type: "warning",
                                    message: '上传失败,请刷新重试',
                                    showClose: true
                                });
                            }

                        }
                    })

        },

② 第二种样式写法

 <div class="mt-upload_wrapper mt-row_layout">
                            <label for="" class="mt-upload_label">选择xlsx文件</label>
                            <el-upload class="mt-upload mt-row_layout" action="" :file-list="uploadedFileList" :on-change="changeUploadedFile" :auto-upload="false" ref="upload">
                                <el-button slot="trigger" size="small" type="">选择文件</el-button>
                                <span v-if="!uploadedFileList.length" class="el-upload__tip mt-upload_tip" slot="tip">未选择任何文件</span>
                            </el-upload>
                        </div>

定义下   uploadedFileList: [], 上传的文件列表

 formData.append("FileData", self.uploadedFileList[0].raw);

 

网站文章

  • Django学习之Forms组件一

    1&gt;概念 django框架提供了一个Form类,来进行web开发中的表单提交数据的处理工作。 form组件的2大功能: 1 对用户提交的内容进行验证(from表单/Ajax,显示错误信息) 2 保留用户上次输入的信息 -- 可以生成html标签 先看一下创建一个Form表单实现校验功能的基本语法,如下, 自定义的类要继...

    2024-01-30 23:55:35
  • Qt 常用函数一

    Qt 常用函数一

    Qt 常用函数一.QWidget1.setWindowTitle()2.setWindowModality()3.setWindowFlags() 一.QWidget 1.setWindowTitle...

    2024-01-30 23:55:30
  • Java中List和ArrayList的区别及使用

    Java中List和ArrayList的区别 List是一个接口,而ArrayList是List接口的一个实现类 ArrayList类继承并实现了List接口 因此,List接口不能创建实例对象,但是...

    2024-01-30 23:55:23
  • 【华为机试真题 Python实现】华为机试题整理(已更新211篇) 热门推荐

    拆分输出字符串 求n阶方阵里所有数的和 合法的三角形个数 整型数组求整数对最小和 机器人走迷宫【2022 Q1 Q2 |200分】 数格子 两个超大整型数相加 字符串格式化输出【2022 Q1 Q2 ...

    2024-01-30 23:55:17
  • buffer和cache的区别

    buffer和cache的区别

    一,计算机硬件组成 转载自: buffer和cache的区别. 计算机硬件组成:CPU,存储器,输入输出设备(I/O),其他(主板,电源等) CPU:运算器,控制器 存储器:内部存储器(ROM/RAM...

    2024-01-30 23:54:48
  • 测试用例设计方法

    测试用例设计方法

    测试用例设计方法如何全面系统地组织测试等价类是建立在这种思想之上——即我们不可能进行穷举测试,那么我们就 必须对输入进行分类,而这种分类是建立在我们知道计算机程序设计原理和 计算机处理单元的工作原理基...

    2024-01-30 23:54:41
  • JDK的安装与环境变量配置

    JDK安装与环境变量配置JDK介绍JDK (JAVA Development Kit) 是整个Java的核心,包括Java运行环境、Java工具和Java基础的类库。当用户要对Java程序进行编译时,...

    2024-01-30 23:54:34
  • Linux :: 【基础指令篇 :: 用户管理:(3)】::删除用户 :: userdel

    Linux :: 【基础指令篇 :: 用户管理:(3)】::删除用户 :: userdel

    本篇介绍:Linux创建用户基本指令:userdel 的 基本语法、基本用法、注意点及补充:关于新建的用户存储位置(及添加用户操作实例测试)

    2024-01-30 23:54:05
  • vue在生产环境清除console.log

    vue在生产环境清除console.log

    在开发环境中我们喜欢用console.log测试代码,但是部署到生产环境我们不可能一个一个把console.log给手动删除了。在build/webpack.prod.conf.js文件里加上这样一段代码即可new UglifyJsPlugin({ uglifyOptions: { mangle: { ...

    2024-01-30 23:53:58
  • tomcat8启动startup.bat闪退的问题

    今天遇到Tomcat启动startup.bat闪退的问题。看了网上的解决办法大同小异。首先我在cmd中执行了netstat -ano|findstr "8080",并没有找到有占用端口的进程。然后因为我本地存在两个Tomcat版本,一个是8.0一个是8.5,所以我把两个的路径分别写进了系统变量CATALINA_BASE、CATALINA_HOME、TOMCAT_HOME。当然JAVA_HO...

    2024-01-30 23:53:51