html

     <input type="file" name="excel" id="excel_input" accept=".doc,.docx,.xls,.xlsx" onchange ="uploadFile(this,1)"/>

js

  

function getFileType(filePath){

  //获取文件的后缀名
  var startIndex = filePath.lastIndexOf(".");
  if(startIndex != -1)
    return filePath.substring(startIndex+1, filePath.length);
    else return "";
    }
  function uploadFile(obj, type) {
    var filePath = $("#excel_input").val();

  if("" != filePath){
    var fileType = getFileType(filePath);
    //判断上传的附件是否为word文件和excel文件
    if("doc"!=fileType && "docx"!=fileType && "xls"!=fileType && "xlsx"!=fileType ){
      $("#excel_input").val("");
      alert("请上传表格文件");
      }
      else{
      //获取附件大小(单位:KB)
      var fileSize = document.getElementById("excel_input").files[0].size / 1024;
      if(fileSize > 500){
        alert("文件大小不能超过500KB");
        $("#excel_input").val("");
      } else{
        var formData = new FormData();

        var name = $("#excel_input").val();

        formData.append("excel",$("#excel_input")[0].files[0]);  // 获取文件的内容

        formData.append("name",name);   //文件的路径

        $.ajax({
          type: 'POST',

          processData : false, // 不处理发送的数据,因为data值是Formdata对象,不需要对数据做处理
          contentType : false, // 不设置Content-type请求头
          url : "/admin/user/addusers",  //填你自己的路劲
          data:formData,
          dataType : 'json',// 返回值类型 一般设置为json
          success : function(data) {// 服务器成功响应处理函数
            alert("上传成功");
            // window.location.reload();//上传成功后刷新页面
            },
          error : function(data){
            alert("服务器异常");
            }
          });
        }
      }
     }

    return false;
    }

转载于:https://www.cnblogs.com/longsf/p/8719009.html

HTML ajax 上传文件限制文件的类型和文件大小相关推荐

  1. ajax上传和下载文件

    ajax上传和下载文件 jQuery本身支持上传文件,但是不支持下载文件,这里要用到的组件是axios. <form class="form-horizontal" meth ...

  2. jquery ajax上传本地dwg文件到服务器.txt

    <!--只接受.dwg文件--> <input type="file" id="CADFile" accept=".dwg" ...

  3. ajax上传本地音频文件,使用ajax将音频blob上传到文件夹中

    我正在构建一个录音项目,我想通过blob将音频上传到文件夹(上传). 这是我迄今取得的成就: var url = URL.createObjectURL(blob); var li = documen ...

  4. flask ajax 文件上传,使用ajax上传Python flask文件请求.files空的

    我正在尝试上传一个大约1.62MB的图像到一个使用flask编写的端点.这个请求.files对象始终为空.我已经检查了以下问题,但没有运气: 这是我的服务器:from flask import Fla ...

  5. 上传html 0字节,HTML ajax 上传文件限制文件的类型和文件大小

    html js function getFileType(filePath){ //获取文件的后缀名 var startIndex = filePath.lastIndexOf(".&quo ...

  6. java获取ajax上传的文件,Java使用Ajax异步上传文件

    相关代码示例: html代码片段: 名称 class="layui-input"> 描述 文件 请选择配置文件 立即提交 重置 js代码片段: //上传配置文件 $(&quo ...

  7. ajax请求多张图片数据库,ajax上传多文件,一次上传多张图片

    ajax上传多文件,一次上传多张图片 作者:PHPYuan 时间:2018-11-04 03:41:44 使用ajax上传文件,指望这个对象:let fd = new FormData(); html ...

  8. 页面无刷新ajax上传文件--模拟iframe,超简单

    前段时间在解决ajax上传文件时折腾了好一阵.直接用$.post上传文本信息肯定是没有问题的.但是$.post直接上传图片是不可行的. 后来看到网上的一些解决方案,有现成的ajax上传文件的封装的方法 ...

  9. ajax上传文件 获取失败,Ajax上传文件/照片时报错TypeError :Illegal invocation的解决方法...

    本篇文章给大家带来的内容是关于Ajax上传文件/照片时报错TypeError :Illegal invocation的解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 问题 A ...

  10. struts2 ajax上传文件 file空_WordPress插件漏洞分析:WPDiscuz任意文件上传漏洞

    写在前面的话 就在不久之前,Wordfence的威胁情报团队在一款名叫wpDiscuz的Wordpress评论插件中发现了一个高危漏洞,而这款插件目前已有超过80000个网站在使用了.这个漏洞将允许未 ...

最新文章

  1. 使用pytorch最关键的几个点
  2. python实现词语填空_python简单实现新词发现
  3. Linux下搜索文件常用方法
  4. HTML5 details 标签
  5. erlang mysql driver_erlang_mysql_driver 源码分析2
  6. 金融风控--申请评分卡模型--特征工程(特征分箱,WOE编码) 标签: 金融特征分箱-WOE编码 2017-07-16 21:26 4086人阅读 评论(2) 收藏 举报 分类: 金融风
  7. leetcode--200. 岛屿的个数
  8. 如何获取如何获取datagrid复选框的值_未定事件簿泪之约定如何获取-未定事件簿泪之约定获取技巧...
  9. 您访问的网页出错了! 网络连接异常、网站服务器失去响应_数据分析系列——静态网页爬虫进阶(requests)...
  10. PHP Overview
  11. 两个对象值同样(x.equals(y) == true),但却可有不同的hash code,这句话对不正确?
  12. C# 3.0语言新特性(语言规范):4 对象和集合初始化器
  13. linux开机自动挂载ntfs,linux 开机自动挂载 NTFS 磁盘(Linux Mint、Ubuntu)[解决挂载 NTFS 后 Windows “快速启动”导致的只能只读模式挂载]...
  14. 条形码和二维码的原理简介
  15. 力学 —— 物体固有属性之惯性张量矩阵
  16. c语言怎么添加按钮,关于用C语言制作按钮的问题
  17. matlab同时画n多条曲线,设置颜色及图例
  18. php与elasticsearch视频,PHP如何与搜索引擎Elasticsearch交互?
  19. git出现 [rejected]master -> master (non-fast-forward)问题怎么解决
  20. [Python从零到壹] 五十四.图像增强及运算篇之局部直方图均衡化和自动色彩均衡化处理

热门文章

  1. 编程题:字符串的指针引用。用指针法实现。功能:将字符串str2复制连接到str1...
  2. Qt设计器中,使用QToolBar控件的技巧
  3. 在服务器群集节点安装DHCP服务
  4. Proliant server setup redhat7.1(DL560)
  5. 微软2月补丁星期二值得关注的漏洞
  6. 美国商务部发布软件物料清单 (SBOM) 的最小元素(中)
  7. YAML出现严重的反序列化漏洞,谷歌TensorFlow将采用 JSON
  8. 关于原型污染漏洞的完整指南
  9. Sophos 修复 Cyberoam OS 中的 SQL 注入漏洞
  10. [Luogu1462]通往奥格瑞玛的道路