2015-07-19 124 views
0

我正在从项目中读取目录中的txt/csv文件并存储在数据库中。如何使用node.js实时显示文件上传的进度

上传功能就像一个魅力,但问题是我想显示进度 - 任何通知告诉用户系统正在处理文件。

这里是我的HTML标记

<div class="form"> 
    <input type="file" id="uploadFile" /> 
    <button id="submit" type="button">Upload</button> 
</div> 
<div class="terminal"> 
<! -------------------RESULT----------------------> 
</div> 

我有被叫终端显示文件上传进度的股利。我在div中放置文本的方式是使用javascript的innerHTML函数。因此,我的上传代码如下

var files = fs.readdirSync(folder_path); 

// Loop through files gathered from folder reading 

for(i=0; i<files.length; i++) { 
    document.getElementbyId("terminal").innerHTML+=files[i]+"<br/>"; 
    var fileData = fs.readfileSync(folder_path+'\'+files[i], 'utf8'); 
    // Upload function below 
} 

上述标记是我的js文件的一部分,它充当上传者。我首先用fs.readdirSync读取文件夹,然后遍历从readdirSync函数收集的文件数组。我想要在每个循环中实时显示文件名称。

但它只是显示上传完成后的所有内容。所以我不知道如何让它能够实时或换句话说显示进度,就像实时显示任何信息的控制台一样。

回答

相关问题