Avi*_*Das 2 javascript php mysql csv ajax
我们有一些包含大量记录的 CSV 文件。需要使用 Web 界面将此文件上传到 MySQL 数据库。这些文件是从不同的现场工作中收集的，并通过网络应用程序上传到服务器。Web 应用程序是使用 PHP 开发的。
最初，记录数量非常少。但是，现在它变得非常大，用户无法将文件上传到服务器。
问题 -
因此，我正在寻找一种将 CSV 文件内容作为块上传的解决方案。它将帮助我处理每个请求的少量数据。
我的想法是使用 JavaScript 从 CSV 文件读取数据。然后使用 AJAX 发布此数据。
希望查看少量数据的数据验证错误并停止执行（如果需要）。
在对网络进行一些研究后，我发现 HTML5 JavaScript File API 对于从本地文件系统读取内容非常有用。我写了一个小脚本，它运行得很好。
对于这个例子，我创建了两个文件 -
索引.htm
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Upload large CSV file</title>
<style>
body{font-size:8pt; color:#333}
#wrap{width:500px; margin:5px auto}
#responce{height:200px; overflow-y:scroll; border:1px solid #ddd;}
</style>
</head>
<body>
<div id="wrap">
<ul id="responce">
</ul><!-- // response -->
<input type="file" id="fileSelected"/>
<button id="btnUpload">Upload</button>
</div><!-- // wrap -->
<script
src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin="anonymous"></script>
<script>
var reader_offset = 0; //current reader offset position
var buffer_size = 1024; //
var pending_content = '';
/**
* Read a chunk of data from current offset.
*/
function readAndSendChunk()
{
var reader = new FileReader();
var file = $('#fileSelected')[0].files[0];
reader.onloadend = function(evt){
//check for end of file
if(evt.loaded == 0) return;
//increse offset value
reader_offset += evt.loaded;
//check for only complete line
var last_line_end = evt.target.result.lastIndexOf('\n');
var content = pending_content + evt.target.result.substring(0, last_line_end);
pending_content = evt.target.result.substring(last_line_end+1, evt.target.result.length);
//upload data
send(content);
};
var blob = file.slice(reader_offset, reader_offset + buffer_size);
reader.readAsText(blob);
}
/**
* Send data to server using AJAX
*/
function send(data_chank)
{
$.ajax({
url: "service.php",
method: 'POST',
data: data_chank
}).done(function(response) {
//show responce message received from server
$( '#responce' ).append( '<li>' + response + '</li>');
//try for next chank
readAndSendChunk();
});
}
/**
* On page load
*/
$(function(){
$('#btnUpload').click(function(){
reader_offset = 0;
pending_content = '';
readAndSendChunk();
});
});
</script>
</body>
</html>服务.php
<?php
$content = file_get_contents('php://input');
$lines = explode("\n", $content);
foreach($lines as $line){
$csv_row = str_getcsv($line);
//save data into database
//----
}
| 归档时间： |
|
| 查看次数： |
6246 次 |
| 最近记录： |