HTML ajax 上传文件限制文件的类型和文件大小
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 上传文件限制文件的类型和文件大小相关推荐
- ajax上传和下载文件
ajax上传和下载文件 jQuery本身支持上传文件,但是不支持下载文件,这里要用到的组件是axios. <form class="form-horizontal" meth ...
- jquery ajax上传本地dwg文件到服务器.txt
<!--只接受.dwg文件--> <input type="file" id="CADFile" accept=".dwg" ...
- ajax上传本地音频文件,使用ajax将音频blob上传到文件夹中
我正在构建一个录音项目,我想通过blob将音频上传到文件夹(上传). 这是我迄今取得的成就: var url = URL.createObjectURL(blob); var li = documen ...
- flask ajax 文件上传,使用ajax上传Python flask文件请求.files空的
我正在尝试上传一个大约1.62MB的图像到一个使用flask编写的端点.这个请求.files对象始终为空.我已经检查了以下问题,但没有运气: 这是我的服务器:from flask import Fla ...
- 上传html 0字节,HTML ajax 上传文件限制文件的类型和文件大小
html js function getFileType(filePath){ //获取文件的后缀名 var startIndex = filePath.lastIndexOf(".&quo ...
- java获取ajax上传的文件,Java使用Ajax异步上传文件
相关代码示例: html代码片段: 名称 class="layui-input"> 描述 文件 请选择配置文件 立即提交 重置 js代码片段: //上传配置文件 $(&quo ...
- ajax请求多张图片数据库,ajax上传多文件,一次上传多张图片
ajax上传多文件,一次上传多张图片 作者:PHPYuan 时间:2018-11-04 03:41:44 使用ajax上传文件,指望这个对象:let fd = new FormData(); html ...
- 页面无刷新ajax上传文件--模拟iframe,超简单
前段时间在解决ajax上传文件时折腾了好一阵.直接用$.post上传文本信息肯定是没有问题的.但是$.post直接上传图片是不可行的. 后来看到网上的一些解决方案,有现成的ajax上传文件的封装的方法 ...
- ajax上传文件 获取失败,Ajax上传文件/照片时报错TypeError :Illegal invocation的解决方法...
本篇文章给大家带来的内容是关于Ajax上传文件/照片时报错TypeError :Illegal invocation的解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 问题 A ...
- struts2 ajax上传文件 file空_WordPress插件漏洞分析:WPDiscuz任意文件上传漏洞
写在前面的话 就在不久之前,Wordfence的威胁情报团队在一款名叫wpDiscuz的Wordpress评论插件中发现了一个高危漏洞,而这款插件目前已有超过80000个网站在使用了.这个漏洞将允许未 ...
最新文章
- 使用pytorch最关键的几个点
- python实现词语填空_python简单实现新词发现
- Linux下搜索文件常用方法
- HTML5 details 标签
- erlang mysql driver_erlang_mysql_driver 源码分析2
- 金融风控--申请评分卡模型--特征工程(特征分箱,WOE编码) 标签: 金融特征分箱-WOE编码 2017-07-16 21:26 4086人阅读 评论(2) 收藏 举报 分类: 金融风
- leetcode--200. 岛屿的个数
- 如何获取如何获取datagrid复选框的值_未定事件簿泪之约定如何获取-未定事件簿泪之约定获取技巧...
- 您访问的网页出错了! 网络连接异常、网站服务器失去响应_数据分析系列——静态网页爬虫进阶(requests)...
- PHP Overview
- 两个对象值同样(x.equals(y) == true),但却可有不同的hash code,这句话对不正确?
- C# 3.0语言新特性(语言规范):4 对象和集合初始化器
- linux开机自动挂载ntfs,linux 开机自动挂载 NTFS 磁盘(Linux Mint、Ubuntu)[解决挂载 NTFS 后 Windows “快速启动”导致的只能只读模式挂载]...
- 条形码和二维码的原理简介
- 力学 —— 物体固有属性之惯性张量矩阵
- c语言怎么添加按钮,关于用C语言制作按钮的问题
- matlab同时画n多条曲线,设置颜色及图例
- php与elasticsearch视频,PHP如何与搜索引擎Elasticsearch交互?
- git出现 [rejected]master -> master (non-fast-forward)问题怎么解决
- [Python从零到壹] 五十四.图像增强及运算篇之局部直方图均衡化和自动色彩均衡化处理
热门文章
- 编程题:字符串的指针引用。用指针法实现。功能:将字符串str2复制连接到str1...
- Qt设计器中,使用QToolBar控件的技巧
- 在服务器群集节点安装DHCP服务
- Proliant server setup redhat7.1(DL560)
- 微软2月补丁星期二值得关注的漏洞
- 美国商务部发布软件物料清单 (SBOM) 的最小元素(中)
- YAML出现严重的反序列化漏洞,谷歌TensorFlow将采用 JSON
- 关于原型污染漏洞的完整指南
- Sophos 修复 Cyberoam OS 中的 SQL 注入漏洞
- [Luogu1462]通往奥格瑞玛的道路