文件上传(模板导出、批量导入)

这篇具有很好参考价值的文章主要介绍了文件上传(模板导出、批量导入)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

html部分

<b class="addBtn UseraddBtn" style="background: #3d7bde;right: 93px;">+ 批量导入</b>

          <input type="file" id="fileInput"

            style="opacity: 0;right: 93px;width: 88px;height:29px;position: absolute;top:-5px" οnchange="BatchImport()">

          <a href="./模板.xlsx" class="addBtn UseraddBtn" target="_blank"

            style="background-color: #0E9D5F;color: #fff;">导出模板</a>

限制文件上传格式:

1、图片格式    

        accept="image/*"

        仅限制gif png格式   

        accept="image/gif,image/png"

2、excel格式  

        //限制.xls文件
        accept="application/vnd.ms-excel"    
        //限制.xlsx文件
        accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet

        同时限制上传.xls、.xlsx文件

        accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel "

        或

        accept=".xls,.xlsx"

js部分 

//批量导入

  function BatchImport() {

    var form = new FormData(), fileInput = document.getElementById("fileInput");

    form.append("file", fileInput.files[0]);

    if (!attributeid) {

      layer.msg("请先选择导入部门!");

      return;

    }

    layer.confirm('您确定要导入该文件吗?', {

      btn: ['确定', '取消'] //按钮

    }, function () {

      $.ajax({

        url: src + "/api/MailList/InsertPhone?attrid=" + attributeid,

        type: "POST",

        contentType: false,

        processData: false,

        data: form,

        success: function (data) {

          if (data) {

            layer.msg("导入成功", { icon: 1 });

            fileInput.value = "";

            setTimeout(() => { loadUserlist(); }, 1000);

          }

        },

        error: function (msg) {

          console.log(msg)

        }

      })

    }, function () {

      layer.close(50)

    })

  }

js部分限制上传文件类型

if (!['application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/vnd.ms-excel'].includes(fileInput.files[0].type)) {

      layer.msg('只能上传.XLS|.XLSX格式的文件!', { icon: 2 });

      return;

    }

accept接受格式

*.3gpp    audio/3gpp, video/3gpp    3GPP Audio/Video
*.ac3    audio/ac3    AC3 Audio
*.asf    allpication/vnd.ms-asf    Advanced Streaming Format
*.au    audio/basic    AU Audio
*.css    text/css    Cascading Style Sheets
*.csv    text/csv    Comma Separated Values
*.doc    application/msword    MS Word Document
*.dot    application/msword    MS Word Template
*.dtd    application/xml-dtd    Document Type Definition
*.dwg    image/vnd.dwg    AutoCAD Drawing Database
*.dxf    image/vnd.dxf    AutoCAD Drawing Interchange Format
*.gif    image/gif    Graphic Interchange Format
*.htm    text/html    HyperText Markup Language
*.html    text/html    HyperText Markup Language
*.jp2    image/jp2    JPEG-2000
*.jpe    image/jpeg    JPEG
*.jpeg    image/jpeg    JPEG
*.jpg    image/jpeg    JPEG
*.js    text/javascript, application/javascript    JavaScript
*.json    application/json    JavaScript Object Notation
*.mp2    audio/mpeg, video/mpeg    MPEG Audio/Video Stream, Layer II
*.mp3    audio/mpeg    MPEG Audio Stream, Layer III
*.mp4    audio/mp4, video/mp4    MPEG-4 Audio/Video
*.mpeg    video/mpeg    MPEG Video Stream, Layer II
*.mpg    video/mpeg    MPEG Video Stream, Layer II
*.mpp    application/vnd.ms-project    MS Project Project
*.ogg    application/ogg, audio/ogg    Ogg Vorbis
*.pdf    application/pdf    Portable Document Format
*.png    image/png    Portable Network Graphics
*.pot    application/vnd.ms-powerpoint    MS PowerPoint Template
*.pps    application/vnd.ms-powerpoint    MS PowerPoint Slideshow
*.ppt    application/vnd.ms-powerpoint    MS PowerPoint Presentation
*.rtf    application/rtf, text/rtf    Rich Text Format
*.svf    image/vnd.svf    Simple Vector Format
*.tif    image/tiff    Tagged Image Format File
*.tiff    image/tiff    Tagged Image Format File
*.txt    text/plain    Plain Text
*.wdb    application/vnd.ms-works    MS Works Database
*.wps    application/vnd.ms-works    Works Text Document
*.xhtml    application/xhtml+xml    Extensible HyperText Markup Language
*.xlc    application/vnd.ms-excel    MS Excel Chart
*.xlm    application/vnd.ms-excel    MS Excel Macro
*.xls    application/vnd.ms-excel    MS Excel Spreadsheet
*.xlt    application/vnd.ms-excel    MS Excel Template
*.xlw    application/vnd.ms-excel    MS Excel Workspace
*.xml    text/xml, application/xml    Extensible Markup Language
*.zip    aplication/zip    Compressed Archive文章来源地址https://www.toymoban.com/news/detail-402230.html

到了这里,关于文件上传(模板导出、批量导入)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Docker 批量导出/导入镜像

            可以编写一个脚本,该脚本循环遍历一个文件夹中的所有镜像存档文件,并使用 docker load 命令加载它们。以下是一个 Bash 脚本示例:         导出:          导入:          在上述脚本中,您需要将 archive_dir 设置为存档文件所在的目录的路径,并将所有存

    2024年02月08日
    浏览(46)
  • Java导出Excel模板,导出数据到指定模板,通过模板导入数据(一)

    本文章主要是介绍阿里巴巴的easyexcel的使用 1. 首先需要我们导入easyexcel的依赖包 2. 前期工作准备 编写相关导出模板和导入模板。在项目的resources下创建文件夹,命名为excel 导出模板(此处仅做示例,字段根据自己项目来):  导入模板(导入时需要哪些字段根据自己项目业

    2024年02月03日
    浏览(46)
  • 【前端】批量导入和导出Excel数据

    excel导入功能需要使用npm包 xlsx ,所以需要安装 xlsx 插件,读取和写入都依赖她 vue-element-admin模板提供了一个导入excel数据的文件,我们只需用即可 代码地址: https://github.com/PanJiaChen/vue-element-admin/blob/master/src/components/UploadExcel/index.vue 将vue-element-admin提供的导入功能新建一个组件

    2024年02月09日
    浏览(49)
  • 前端项目之导入、导出、下载模板

    2024年02月15日
    浏览(54)
  • R语言13-R语言中的数据导入导出和批量导入

    CSV 文件: 使用 read.csv() 函数导入逗号分隔的文本文件。 Excel 文件: 使用 readxl 包中的函数 read_excel() 导入 Excel 文件。 文本文件: 使用 readLines() 函数读取文本文件的内容。 CSV 文件: 使用 write.csv() 函数将数据写入逗号分隔的文件。 Excel 文件: 使用 openxlsx 包中的函数 writ

    2024年02月11日
    浏览(34)
  • easypoi 模板导入、导出合并excel单元格功能

    hutool 导出复杂excel(动态合并行和列) java使用poi读取跨行跨列excel springboot集成easypoi并使用其模板导出功能和遇到的坑 Easypoi Excel模板功能简要说明 easypoi 模板导出兼容合并单元格功能 高校校舍使用情况统计表 单位(盖章): 填表人: 部门负责人: 分管校领导: 填表日期:

    2023年04月22日
    浏览(53)
  • C#读写导入导出Excel表格模板(NPOI)

    NPOI是指构建在POI 3.x版本之上的一个程序,NPOI可以在没有安装Office的情况下对Word或Excel文档进行读写操作。 NPOI是一个开源的C#读写Excel、WORD等微软OLE2组件文档的项目。 1、您可以完全免费使用该框架 2、包含了大部分EXCEL的特性(单元格样式、数据格式、公式等等) 3、专业的技

    2023年04月08日
    浏览(38)
  • EasyExcel导出带下拉选数据的Excel数据导入模板

    #因为项目中需要导入一些信息,但是这些信息比较不常见,且在项目字典数据中维护有这些数据,所以在导出模板的时候,把这些数据一并导出,可以减少用户的编写,避免在导入的时候因为数据错误,发生一些业务问题 直接开始 1、以岗位类型为例,展示数据的实现方式

    2024年02月03日
    浏览(50)
  • 【Go】excelize库实现excel导入导出封装(三),基于excel模板导出excel

    大家好,这里是符华~ 关于excelize库实现excel导入导出封装,我已经写了两篇了,我想要的功能基本已经实现了,现在还差一个模板导出,这篇文章就来讲讲如何实现用模板导出excel。 前两篇: 【Go】excelize库实现excel导入导出封装(一),自定义导出样式、隔行背景色、自适应

    2024年01月25日
    浏览(56)
  • 云小课|RDS for MySQL参数模板一键导入导出,参数配置轻松搞定

    摘要: 云数据库RDS for MySQL支持参数模板的导入和导出功能。 本文分享自华为云社区《【云小课】【第56课】RDS for MySQL参数模板一键导入导出,参数配置轻松搞定》,作者:数据库的小云妹。 云数据库RDS for MySQL支持参数模板的导入和导出功能。 导入参数模板:导入后会生成

    2024年02月09日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包