JS上传文件、导入文件
//开始导入
function Import() {
var filepath = $('#txtUpload').val();
//校验是否选择表格
if (filepath == '') {
$('#showMsg').html('请选择表格');
return;
} var files = document.getElementById("txtUpload").files;
var fd = new FormData();
for (var i = 0; i < files.length; i++) {
fd.append("file[" + i + "]", files[i]);
} if (files[0].size > 4194304) {
$('#showMsg').html('上传的大小不能大于4M');
return;
}
$('#showMsg').html('<label style="color:coral;">正在上传表格,请稍等</label>');
$.ajax({
url: '@Url.Content("~/CheckConfiguration/upload")',
type: "post",
data: fd,
dataType: "json",
cache: false,//上传文件无需缓存
processData: false,//用于对data参数进行序列化处理 这里必须false
contentType: false,
success: function (data) {
if (data.Code == 1) {
//setTimeout(ImportData, 2000);//测试用 ImportExcel(data.Msg); //data.Msg,代表完整路径
} else {
$('#showMsg').html('上传发生错误');
}
},
error: function () {
$('#showMsg').html('上传发生错误,请检查(表格名称不能包含特殊字符及大小不能超过4M)!');
}
});
}
function ImportExcel(path) {
$('#showMsg').html('<label style="color:coral;">上传成功,开始导入,请稍等</label>');
$.ajax({
url: '@Url.Content("~/CheckConfiguration/ImportExcel")',
type: "post",
data: { excelPath: path},
dataType: "json",
success: function (data) {
if (true) {
$('#showMsg').html('<label style="color:green;">导入成功,共导入1000条数据</label>');
} else if (false) {
$('#showMsg').html('导入失败:模板校验不对,请检查表格的头部格式');
} else if (false) {
$('#showMsg').html('导入失败:' + '<a href="/Template/Excel/HisEquipmentTemplate.xlsx">点击下载失败原因</a>');
} else if (true) {
$('#showMsg').html('导入失败:未将对象引入对象实例');
}
},
error: function () {
$('#showMsg').html('导入发生错误');
}
});
}
JS上传文件、导入文件的更多相关文章
- js 上传txt格式文件
判断文件是否为.txt格式: $(".delbao .file").on("change",function(){ var acceptType = $(thi ...
- js上传超大文件解决方案
需求: 支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验: 内网百兆网络上传速度为12MB/S 服务器内存占用低 支持文件夹上传,文件夹中的文件数量达到1万个以上,且包 ...
- 使用ajaxfileupload.js上传文件
一直以来上传文件都是使用form表单上传文件,也看到过有人使用js上传文件,不过看起来蛮简单的也就没有怎么去理会.今天突然要使用这种方式上传文件,期间还遇到点问题.因此就记录下来,方便以后遇到这样的问 ...
- js 上传文件后缀名的判断 var flag=false;应用
js 上传文件后缀名的判断 var flag=false;应用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...
- js上传文件带参数,并且,返回给前台文件路径,解析上传的xml文件,存储到数据库中
ajaxfileupload.js jQuery.extend({ createUploadIframe: function(id, uri) { //create frame var frameId ...
- atitit.javascript js 上传文件的本地预览
atitit.javascript js 上传文件的本地预览 1. .URL.createObjectURL 1 1.1. 吊销所有使用 URL.createObjectURL 而创建的 URL,以 ...
- django + dropzone.js 上传文件
1.dropzone.js http://www.dropzonejs.com/ dropzone.js是一个可预览\可定制化的文件拖拽上传,实现AJAX异步上传文件的工具 2.dropzone.js ...
- 前端js上传文件后端C#接收文件
本文粗略的讲下前端文件上传和后端文件接收的原理 前端代码 html <form onsubmit="uploadFile(event)"> <input type ...
- 百度Fex webuploader.js上传大文件失败
项目上用百度webuploader.js上传文件,option选项里面已经设置单个文件大小,但是上传低于此阈值的文件时仍然不成功. 我现在的理解是,框架是将文件post到后台服务器端的.. 百度发现是 ...
- js上传整个文件夹
文件夹上传:从前端到后端 文件上传是 Web 开发肯定会碰到的问题,而文件夹上传则更加难缠.网上关于文件夹上传的资料多集中在前端,缺少对于后端的关注,然后讲某个后端框架文件上传的文章又不会涉及文件夹. ...
随机推荐
- 【代码笔记】Web-JavaScript-JavaScript 条件语句
一,效果图. 二,代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
- 用户登录三次机会(PYTHON)
usename=shabi password=123456 i=3 while i > 0: zh = input("请输入你的用户名:") i - = 1 if zh == ...
- android build 编译打印详细过程
我们在make otapackage编译android代码的时候,有时候需要跟踪详细的过程,包括所有的过程,可以修改build/core/Makefile,赋值hide := 为空即可
- Windows 10 运行原生Bash【Ubuntu】
当前widnows用户的 AppData\Local\lxss 目录下安装了ubuntu,其中rootfs是和ubuntu安装的目录一致 bash进入的就是LINUX的SHELL,因此其二进制格式是E ...
- margin塌陷与BFC总结
只给出关键点,具体效果不做太多示范,真正的东西只有自己试了才能记住 BFC BFC触发: 1.position:absolute/fixed 2.float:left/right 3.display: ...
- Scrapy代码实战
1.Spider爬虫代码 # -*- coding: utf-8 -*- import scrapy from yszd.items import YszdItem class YszdSpiderS ...
- 最详细的C++对应C#的数据类型转换
C++ ---------------------- C# LDWORD ----------------IntPtr LLONG-------------------Intptr bool ---- ...
- c/c++ 标准库 pair 介绍
标准库 pair 介绍 问题:map里的元素由key和value组成,这个key和value的组合是什么类型呢??? 答案:pair类型 pair介绍: 它是模板 有2个公有成员可供访问. first ...
- VS2017 + QT5 + C++开发环境搭建和计算器Demo测试
非常有帮助的参考资料: https://blog.csdn.net/gaojixu/article/details/82185694 该参考文献的主要流程: (1)QT下载安装:从官网下载QT,并记 ...
- ubuntu 安装 GCC 和 G++ C++ 开发环境
1.先安装 :sudo apt-get install build-essential 2.查看 gcc 版本 然后安装 统一版本的 g++ gcc --version gcc (Ubuntu/Lin ...