上传html 0字节,HTML ajax 上传文件限制文件的类型和文件大小
html
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;
}
BatsingJSLib 2.3、Ajax上传多个文件
//2.3Ajax上传单个或多个文件 // //参数:文件的表单JD ...
框架基础:ajax设计方案(三)--- 集成ajax上传技术 大文件/超大文件前端切割上传,后端进行重组
马上要过年了,哎,回家的心情也特别的激烈.有钱没钱,回家过年,家永远是舔舐伤口最好的地方.新的一年继续加油努力. 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行 ...
前端通信:ajax设计方案(四)--- 集成ajax上传技术 大文件/超大文件前端切割上传,后端进行重组
马上要过年了,哎,回家的心情也特别的激烈.有钱没钱,回家过年,家永远是舔舐伤口最好的地方.新的一年继续加油努力. 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行 ...
IE8/9 JQuery.Ajax 上传文件无效
IE8/9 JQuery.Ajax 上传文件有两个限制: 使用 JQuery.Ajax 无法上传文件(因为无法使用 FormData,FormData 是 HTML5 的一个特性,IE8/9 不支持) ...
asp.net MVC ajax上传文件
普通上传 view:
FormData对象实现文件Ajax上传
后台: import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; imp ...
ajax上传文件,并检查文件类型、检查文件大小
1.使用ajaxfileupload.js的插件,但是对插件做了一处修改,才能够正常使用 修改的部分如下: uploadHttpData: function (r, type) { var data ...
Ajax上传文件进度条显示
要实现进度条的显示,就要知道两个参数,上传的大小和总文件的大小 html5提供了一个上传过程事件,在上传过程中不断触发,然后用已上传的大 小/总大小,计算上传的百分比,然后用这个百分比控制div框的显 ...
伪ajax上传文件
伪ajax上传文件 最近在折腾伪ajax异步上传文件. 网上搜索了一下,发现大部分方法的input file控件都局限于form中,如果是在form外的呢? 必须动态生成一个临时form和临时if ...
随机推荐
php中的常用数组函数(五)(数组中获取键名集合)
array_keys($arr, $search_value, $strict); --数组中获取键名的集合. //参数1 要检索的数组:参数2 要检索的键值 默认NULL: 参数3 是否严格比较(= ...
python中x的平方
x ** 2 sqdEvens = [x ** 2 for x in range(8) if not x % 2] for i in sqdEvens: print(i) 0 4 16 36 > ...
Matlab单一变量曲线拟合-cftool
2.启动曲线拟合工具箱>cftool 3.进入曲线拟合工具箱界面“Curve Fitting tool”(1)点击“Data”按钮,弹出“Data”窗口:(2)利用X data和Y data的下 ...
如何在Eclipse中配置Tomcat
1.Eclipse EE 配置Tomcat Eclipse EE 主要用于Java Web开发和J2EE项目开发.Eclipse EE中配置Tomcat比较简单,新建一个Tomcat Server即可 ...
编写可维护的javascript代码--- 2015.11.22(注释)
1.单行注释 // 这是一句单行注释 2.多行注释 /* 这里是代码 */ /* 这里都是注释 1232132 */ java的注释风格 /* * 另一段注释 * 这段注释包含2 ...
什么是JS事件冒泡
什么是JS事件冒泡? 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个 ...
【转载】从头编写 asp.net core 2.0 web api 基础框架 (2)
Github源码地址是: https://github.com/solenovex/Building-asp.net-core-2-web-api-starter-template-from-scra ...
【代码笔记】Web-CSS-CSS 链接(link)
一,效果图. 二,代码.
...
bzoj 3566
非常好也是比较难的题 首先,不难看出这是一道树形的概率dp 那么我们就要考虑转移 我们发现,一个点能充上电的概率是这个点本身通电的概率+这个点的子节点给他传过来电的概率+这个点的父节点给他传过来电的概 ...
【LeetCode-面试算法经典-Java实现】【062-Unique Paths(唯一路径)】
[062-Unique Paths(唯一路径)] [LeetCode-面试算法经典-Java实现][全部题目文件夹索引] 原题 A robot is located at the top-left c ...
上传html 0字节,HTML ajax 上传文件限制文件的类型和文件大小相关推荐
- ajax上传 java,javaWeb中使用ajax上传文件
javaWeb上传图片 上传文件所必要的两个jar包:commons-fileupload.jar.commons-io.jar. 核心代码: String withPath = req.getSer ...
- [ckeditor系列]ckeditor 自己写的一个简单的image上传js 运用iframe的ajax上传
ckeditor最近修改一个上传的,原来的Image的上传插件功能很多,但是自己用,没有必要,就进行了修改,后来就改成了目前的样子,根据_samples/api_dialog.html 进行了修改,把 ...
- jquery.ajax上传个数限制,关于jquery ajax上传的坑
@(呵呵) 今天主要介绍processData: false, contentType: false, 这两个参数--processData 默认情况下,通过data选项传递进来的数据,如果是一个对象 ...
- ajax 文件上传 跨域,FormData解决ajax上传文件的问题及ajax跨域
通过FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对.它可以更灵活方便的发送表单数据,因为可以独立于表单使用.如果你把表单的编码类型设置为multipart/form ...
- ajax向后台传多个值,jQuery ajax如何传多个值到后台页面,举例:(示例代码)
一.js代码 $("#save_change_").click(function(){ //从模态框中取值,并通过ajax传到后台 var account = document.g ...
- js实现多图上传和预览(包含表单上传、ajax上传)
请在这里查看示例 ☞ h5Upload示例 包含的知识点有:(仅考虑手机端,pc兼容性不清,建议使用jquery版本的) 1.浏览器自带的表单上传(页面会跳转) 2.ajax上传(异步刷新.自动上传. ...
- jsp通过ajax上传文件,基于jquery
#前言 推荐讲解:使用ajax提交form表单,包括ajax文件上传 推荐讲解:HTML5+Ajax上传文件 建议:看这篇之前,请先了解直接form表单提交servlet方式上传文件 jsp上传文件 ...
- 链上天眼2.0版本上线,欧科云链深耕区块链大数据产业成绩斐然
4 月 21 日,欧科云链发布了面向全体用户的链上天眼2.0版本.链上天眼是欧科云链在2020年9月发布的一款链上数据监测和交易行为可视化工具,专注于链上数据的追踪和监控,提供交易图谱.地址查询和地址 ...
- AI同传变革性进展:搜狗同传3.0首创语境引擎,让机器具有理解、推理能力
[导读]近日,在极客公园大会上,搜狗同传最新版本 3.0 首次正式亮相.自 2016 年推出业内首个商用机器同传产品以来,经过数次迭代,搜狗同传 3.0 同样以业内首个"多模态"同 ...
最新文章
- 脑机接口猴子通过“意念”打游戏!马斯克:未来能让瘫痪者用意念玩手机
- mysql 优化表 3000万_mysql优化:专题三、关于单表查询,可以这么优化
- Smarty 中的 if 语句条件修饰词
- Android AsyncTask源码解读
- Python 单元测试详解
- spring spring c3p0 mysql配置_Spring通过c3p0配置bean连接数据库
- [HNOI2013]消毒 (匈牙利最大匹配)
- 将社交登录添加到Spring MVC Web应用程序:配置
- parseInt和valueOf
- 线性结构 —— ST 表与 RMQ
- SpringCloud微服务注册调用入门教程
- Redis与数据库缓存一致性问题
- android 动画入门(一)
- 约瑟夫问题、约瑟夫环
- matlab批量修改图片的大小_matlab批量修改图片大小
- 游戏被攻击了怎么办,有没有什么好的解决办法
- Android开发基础学习总结
- Maya 交互式播放
- ospf-NBMA基本配置
- QList添加自定义结构体
热门文章
- 服务器win2008 R2 x64 部署ASP.net core到IIS 并解决 HTTP Error 502.5 的问题
- swagger文档转换为WebApiClient声明式代码
- 记一次.net core 集成vue 实践
- 发布支持多线程的PowerShell模块 —— MultiThreadTaskRunner
- 体验VS2017的Live Unit Testing
- ASP.NET Core loves JavaScript
- django09: ORM以及CSRF(旧笔记)
- js中null,undefined,false,0,'',[],{}判断方法
- Android实战:手把手实现“捧腹网”APP(二)-----捧腹APP原型设计、实现框架选取
- 分段线性拟合经典案例:计算多年气温最低值和最高值的分段线性变化趋势(附分段线性拟合工具下载)