我在一個專案中可以一次添加多個專案。我希望能夠使用 csv 添加幾個專案。
要獲得更多背景關系(架構):
{
"_id": {"$oid": "xxxxxxxxxxxxxxxx"},
"nameCourse": "Name",
"description": "lorem ipsum",
"user": [{
"_id": {"$oid": "xxxxxxxxxxxxxxxx"},
"name": "John Doe",
"gender": "M",
"city": "New York",
"email": "[email protected]"
},
{
"_id": {"$oid": "xxxxxxxxxxxxxxxx"},
"name": "Jane Doe",
"gender": "F",
"city": "Tokyo",
"email": "[email protected]"
},
{
"_id": {"$oid": "xxxxxxxxxxxxxxxx"},
"name": "Jake Doe",
"gender": "M",
"city": "Paris",
"email": "[email protected]"
}],
}
(我正在使用 NodeJs/MongoDb(使用 Mongoose)/Express/EJS)
它有一個帶有 input:file 和按鈕的表單。
<form method="POST" id="add_multiple_user">
<input type="file" name="user">
<button type="submit">Send</button>
</form>
<script>
$("#add_multiple_user").submit(function (event) {
event.preventDefault();
let idcourse = document.getElementById("id_course");
let unindexed_array = $(this).serializeArray();
let data = {};
$.map(unindexed_array, function (n, i) {
data[n["name"]] = n["value"];
});
let addAdresseMultiple = {
url: `/api/course/add-multiple-user/${idcourse.innerText}`,
method: "PUT",
data: data,
};
$.ajax(addAdresseMultiple).done(function (response) {
location.reload();
});
});</script>
這是我的控制器:
exports.addMultipleUser = async (req, res) => {
const { name, gender, city, email } = req.body;
try {
await UserModel.findOneAndUpdate(
{ _id: req.params.id },
{
$addToSet: {
user: {
name: name,
gender: gender,
city: city,
email: email,
},
},
},
(err, docs) => {
if (!err) return res.send(docs);
if (err) return res.status(400).send({ message: err });
}
);
} catch (err) {
return res.status(400).json({ message: err });
}
};
我看到有一些包(如快速 csv),但我根本不明白它如何幫助我。
uj5u.com熱心網友回復:
我不會為您發布任何答案,但這里是您可能需要突破的快速摘要。
- 了解multer
- 將CSV轉換為 JSON
- 創建多個專案
uj5u.com熱心網友回復:
感謝@Koodies 指引我走上正確的道路。
這是答案:
在控制器中:
exports.addMultipleUser = async (req, res) => {
try {
await csv({delimiter:";"})
.fromFile(req.file.path)
.then((jsonObj)=>{
console.log(jsonObj);
UserModel.findOneAndUpdate(
{ _id: req.params.id },
{ $addToSet: { sites: jsonObj } },
(err, docs) => {
if (!err) return res.send(docs);
if (err) return res.status(500).send({ message: err });
}
);
fs.unlink(req.file.path, (err) => {if(err){console.log(err); return;}})
});
} catch (err) {
return res.status(500).json({ message: err });
}
};
我的表單 & jquery:
<form method="POST" id="add_multiple_user" >
<input type="file" name="user" id="myFileUser">
<button type="submit">Send</button>
</form>
<script>$("#myFileUser").change(function (e) {
let file = e.target.files[0];
let formData = new FormData();
formData.append("myFileUser", file);
$("#add_multiple_user").submit(function (event) {
event.preventDefault();
let idcourse = document.getElementById("id_course");
$.ajax({
url: `/api/course/add-multiple-user/${idcourse.innerText}`,
type: "PUT",
data: formData,
processData: false,
contentType: false,
success: function (res) {
console.log(res);
},
crossDomain: true,
}).done(function(res) {location.reload()});
});
});</script>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/342833.html
