javascript - 消除用户选择文件的可能性
问题描述
我想删除从以下代码中选择文件的可能性。我的意思是,我有一个按钮,当单击该按钮时,用户可以将文件加载到程序中。但是我想默认加载一个名为“animation.txt”的文件。
我不想强迫用户处于特定路径,但我想完全消除选择文件的可能性。我已经知道它的路径和名称,程序应该只读取它。
我曾尝试使用代码,但出现此错误:
Failed to execute 'readAsText' on 'FileReader': parameter 1 is not of type 'Blob'.
这是我的代码:
---- .JS 文件 -----
document.getElementById('saveLoader').onchange = function() {
keyframeTheta = [];
var file = this.files[0];
var reader = new FileReader();
reader.onload = function(progressEvent) {
// By parts
var parts = this.result.split('|');
for (var i = 1; i < parseInt(parts[0]) + 1; i++) {
var allValues = parts[i].split(',');
var someTheta = [];
for (var f = 0; f < allValues.length + 10; f++) {
console.log(allValues[f]);
someTheta[f] = parseFloat(allValues[f]);
}
console.log(someTheta[0]);
keyframeTheta.push(someTheta.slice());
}
};
reader.readAsText(file);
toastr["success"]("Animation loaded successfully. Hit Run", "Animation");
}
---- HTML 文件 ------
<li class="nav-item">
<label class="nav-link" style="color: white" type='file' accept='text/plain' for="saveLoader">
<input style="display:none" type="file" name="file" id="saveLoader"/>
<i class="now-ui-icons files_paper"></i>
<p>Load Animation</p>
</label>
</li>
解决方案
推荐阅读
- c++ - 在C++中设计promote()机制的正确方法是什么
- kml - 谷歌 KML 文件到 python
- react-native - 如何在 React Native 中检查滚动视图是否已到达顶部?
- mysql - MySQL 错误代码:'ER_DBACCESS_DENIED_ERROR'
- rust - 如何检测是否启用了不稳定的功能?
- laravel - $bucket 无法识别的选项:$group
- series - 将系列转换为固定值松脚本
- flutter - 处理 FCM 数据消息颤动的背景点击
- java - java - 如何在java swing上为六边形字段创建正确的布局?
- java - 使用 spring-boot-starter-validation 的 Spring Boot 验证不适用于 Spring Boot 版本 2.4.4