File Upload and Display

input [type=file] 获取上传文件的内容

Modify:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
_addFileContent: function (fileTag) {
fileTag.addEventHandler("click", function () {
$("#fileUpload").change(function () {
var file = document.getElementById("fileUpload");

if (file.files.length > 0) {
var trueFile = file.files[0];
console.log(document.getElementById("fileContent").value);
var reader = new FileReader();

reader.readAsText(trueFile, 'UTF-8');

reader.onload = function () {
if (reader.error) {
console.log(reader.error);
} else {
var urlData = this.result;
document.getElementById("fileContent").value = urlData;
}
};
} else {
console.log("Failed to upload file!");
}
});
});
}

Other ref:
Change event | MDN