2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 上传html 0字节 HTML ajax 上传文件限制文件的类型和文件大小

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

时间:2019-08-14 00:20:34

相关推荐

上传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代码--- .11.22(注释)

1.单行注释 // 这是一句单行注释 2.多行注释 /* 这里是代码 */ /* 这里都是注释 1232132 */ java的注释风格 /* * 另一段注释 * 这段注释包含2 ...

什么是JS事件冒泡

什么是JS事件冒泡?在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个 ...

【转载】从头编写 asp.net core 2.0 web api 基础框架 (2)

Github源码地址是:/solenovex/Building--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 ...

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。