1.此操作,前端是自定义页面解析上传文件,将文件转为json格式上传至后台,
后端为action:将提取json文件的内容进行添加操作!直接上代码!
前端:注意要要引用两个文件
jQuery
<script src="xlsx.full.min.js"></script>——》解析上传的excel文件
<script src="es5-shim.js"></script>——》可以让一些低版本的浏览器支持es5语法
<div id="page">
<p>数据导入</p>
<form id="from-upFile" name="form" method="post" enctype="multipart/form-data">
<input type="file" name="file" id="upFile" style="display: none;" />
</form>
<span>文件地址:</span><input type="text" id="fileurl" value="" />
<input type="button" id="changefile" value="选择文件" />
<input type="button" id="btnSubmit" value="上传" onclick="myfunction()" />
<script>
//页面美化
function Urlfile(e) {
var url = null;
if (window.URL != null) {
url = window.URL.createObjectURL(e);
} else if (window.createObjectURL != null) {
url = window.createObjectURL(e);
} else if (window.webkitURL != null) {
url = window.webkitURL.createObjectURL(e);
}
return url;
};
document.getElementById("changefile").onclick = function () {
document.getElementById("upFile").click();
document.getElementById("upFile").onchange = function () {
var url = Urlfile(document.getElementById("upFile").files[0]);
$("#fileurl").val(url);
};