<分区>
有没有办法在浏览器中监视文件更改?
工作流程是:
1) 用户打开文件
2) webapp写入文件
3) 本地安装的应用程序读取文件并写入一些更改
4) webapp 读取最后的变化
5) 最终再次进入第2步
这应该在浏览器中完成。
目前我有一个按钮,用户必须多次按下,但是:
1) 我更希望它自动完成,无需点击 2) Chrome 缓存文件,因此不会读取进一步的更改。
执行此操作的最佳方法是什么?
这是我现在正在做的:
https://codepen.io/muaddibber/pen/OZJgYQ
window.onload = function() {
var fileInput = document.getElementById('fileInput');
var fileDisplayArea = document.getElementById('fileDisplayArea');
fileInput.addEventListener('change', function(e) {
var file = fileInput.files[0];
var textType = /text.*/;
if (file.type.match(textType)) {
var reader = new FileReader();
reader.onload = function(e) {
fileDisplayArea.innerText = reader.result;
}
reader.readAsText(file);
} else {
fileDisplayArea.innerText = "File not supported!"
}
});
}
我打开一个文件 prova.txt,它可以运行。
然后我在本地编辑文件并重新打开它:它没有改变,chrome 仍然显示旧版本。