Question

我正在制作我的商品的网站，我需要每天更新包含item_name，brand_name，price，item_no等项目。每天编写HTML代码对我来说变得非常辛苦。因此，我想对CSV文件中的项目进行更改，并将数据导入我的网站。怎么做，请帮帮我。先感谢您。以下是一些示例代码：

read_data.html

<html>
<head><title>Reading values from csv file</title></head>
<style type="text/css">
div{
    width: 300px;
}
img{
    height: 200px;
}
</style>
<body>

<div>
<img src="#" alt="item 1"><br>
Item Name:<!--CSV file data--><br>
Item Number:<!--CSV file data--><br>
Brand Name:<!--CSV file data-->
</div>
<div>
<img src="#" alt="item 2"><br>
Item Name:<!--CSV file data--><br>
Item Number:<!--CSV file data--><br>
Brand Name:<!--CSV file data-->
</div>

</body>
</html>

data.csv

Item Name,Item no.,Brand
T-shirt,555,Hoffmen
Pants,556,Reliance

Answer 1

编辑：假设您有办法存储数据（例如数据库）。听起来你会从CMS（例如Wordpress）中受益。无论如何，这个答案解决了如何获取CSV数据的问题：

您可以使用Papa parse。它看起来像这样：

// from file upload field
var file = event.target.inputCSV.value;
var data = Papa.parse(file, {header: true, skipEmptyLines: true, delimiter: ','});
return data;
// outputs something like [{Item_Name: "T-shirt", Item_no: 555, Brand: "Hoffman"}, {Item_Name: "Pants", Item_no: 556, Brand: "Reliance"}]

Answer 2

根据Saptarshi的建议，您可能需要一个数据库，您可以在其中导入CSV。这将有助于您处理和自动化。例如，解决方案可能基于php / mySQL。我首先要研究这些语言的专长和力量。

如何将数据从CSV文件导入HTML页面

2 个答案: