<!doctype html>
|
<html lang="en">
|
|
<head>
|
<meta charset="UTF-8">
|
<title>Document</title>
|
|
</head>
|
|
<body>
|
<div>
|
<input type="file" id="files" style="display: none" onchange="fileImport();">
|
<input type="button" id="fileImport" value="导入">
|
</div>
|
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
|
<!-- <script src="../js/jQuery/jquery-1.11.1.js"></script> -->
|
<script>
|
//点击导入按钮,使files触发点击事件,然后完成读取文件的操作
|
$("#fileImport").click(function () {
|
$("#files").click();
|
})
|
|
function fileImport() {
|
//获取读取我文件的File对象
|
var selectedFile = document.getElementById('files').files[0];
|
var name = selectedFile.name; //读取选中文件的文件名
|
var size = selectedFile.size; //读取选中文件的大小
|
console.log("文件名:" + name + "大小:" + size);
|
var reader = new FileReader(); //这是核心,读取操作就是由它完成.
|
reader.readAsText(selectedFile, "utf-8"); //读取文件的内容,也可以读取文件的URL
|
reader.onload = function () {
|
//当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可
|
console.log(this.result);
|
var data = {
|
name: name,
|
da: this.result
|
}
|
console.log(data);
|
// data.da
|
|
const base64String = window.btoa('asdasd');
|
console.log(base64String);
|
}
|
}
|
function arrayBufferToBase64(buffer) {
|
var binary = '';
|
var bytes = new Uint8Array(buffer);
|
var len = bytes.byteLength;
|
console.log(len);
|
for (var i = 0; i < len; i++) {
|
binary += String.fromCharCode(bytes[i]);
|
}
|
return window.btoa(binary);
|
}
|
</script>
|
</body>
|
|
</html>
|
