javascript - 我在多图上传过程中写代码,但是到我给的路径时,没有添加?
问题描述
我想上传多个图像,但即使我有很多循环,它也不会在插入屏幕上添加错误。代码如下。我该如何解决这个问题?
我猜后端代码中的 else 情况有问题,当我在那里给出路径时,它无法执行插入操作。
$(function () {
const url = '/Admin-Urunmamul/Create/';
const placeHolderDiv = $('#modalPlaceHolder');
$('#btnAdd').click(function () {
$.get(url).done(function (data) {
placeHolderDiv.html(data);
placeHolderDiv.find(".modal").modal('show');
});
});
/* Ajax GET / Getting the _CategoryAddPartial as Modal Form ends here. */
/* Ajax POST / Posting the FormData as CategoryAddDto starts from here. */
placeHolderDiv.on('click',
'#btnUrunmamulSave',
function (event) {
event.preventDefault();
const form = $('#form-urunmamul-add');
const actionUrl = form.attr('action');
const dataToSend = new FormData(form.get(0));
$.ajax({
url: actionUrl,
type: 'POST',
data: dataToSend,
processData: false,
contentType: false,
success: function (data) {
const urunmamulAddAjaxModel = jQuery.parseJSON(data);
const newFormBody = $('.modal-body', urunmamulAddAjaxModel.UrunMamulAddPartial);
placeHolderDiv.find('.modal-body').replaceWith(newFormBody);
const isValid = newFormBody.find('[name="IsValid"]').val() === 'True';
if (isValid) {
placeHolderDiv.find('.modal').modal('hide');
let rowData = [
urunmamulAddAjaxModel.UrunMamulDto.Urunmamul.KOD,
urunmamulAddAjaxModel.UrunMamulDto.Urunmamul.ACIKLAMA1,
urunmamulAddAjaxModel.UrunMamulDto.Urunmamul.ACIKLAMA2,
urunmamulAddAjaxModel.UrunMamulDto.Urunmamul.TUR,
urunmamulAddAjaxModel.UrunMamulDto.Urunmamul.CINS,
urunmamulAddAjaxModel.UrunMamulDto.Urunmamul.ETIKET18K,
urunmamulAddAjaxModel.UrunMamulDto.Urunmamul.ETIKET14K,
urunmamulAddAjaxModel.UrunMamulDto.Urunmamul.DOVIZ,
urunmamulAddAjaxModel.UrunMamulDto.Urunmamul.BITMISGRAM,
`<td style="text-align:center"><img width="120" height="120" multiple class="align-middle" asp-append-version="true" src="${'http://paramdiamond.com/Resim/MODEL/'+urunmamulAddAjaxModel.UrunMamulDto.Urunmamul.RESIMX}" /></td>`,
`<button class="btn btn-primary btn-sm btn-update" data-id="${urunmamulAddAjaxModel
.UrunMamulDto.Urunmamul.ID}"><span class="fas fa-edit"></span></button> `,
`<button class="btn btn-danger btn-sm btn-delete" data-id="${urunmamulAddAjaxModel
.UrunMamulDto.Urunmamul.ID}"><span class="fas fa-minus-circle"></span></button>`
];
const newTableRow = dataTable.row.add(rowData).node();
const jqueryTableRow = $(newTableRow);
jqueryTableRow.attr('name', `${urunmamulAddAjaxModel.UrunMamulDto.Urunmamul.ID}`);
dataTable.row(jqueryTableRow).draw();
toastr.success('Ürün eklendi.', 'Başarılı İşlem!');
} else {
let summaryText = "";
$('#validation-summary > ul > li').each(function () {
let text = $(this).text();
summaryText = `*${text}\n`;
});
toastr.warning(summaryText);
}
},
error: function (err) {
toastr.error(`${err.responseText}`, 'Hata!');
}
});
});
});
<form asp-area="Admin" asp-controller="AdminUrunMamul" asp-action="Create" id="form-urunmamul-add" enctype="multipart/form-data">
<div class="form-group">
<label asp-for="UrunMamulAddDto.RESIMXFile"></label>
<input multiple asp-for="UrunMamulAddDto.RESIMXFile" type="file" class="form-control-file" />
<span class="text-danger" asp-validation-for="UrunMamulAddDto.RESIMXFile"></span>
</div>
</form>
if (urunMamul.UrunMamulAddDto.RESIMXFile != null && urunMamul.UrunMamulAddDto.RESIMXFile.Count > 0)
{
string path = @"C:\inetpub\B2B\ParamDiamond\RESIM\MODEL\" + urunMamul.UrunMamulAddDto.KOD + ".jpg";
IFormFileCollection files = Request.Form.Files;
files.ToList().ForEach(file =>
{
Path.Combine(hostingEnvironment.WebRootPath, "images");
if (file.Length > 0)
//using (FileStream stream = new FileStream(Path.Combine(@"C:\inetpub\B2B\ParamDiamond\RESIM\MODEL\", urun.KOD + ".jpg"), FileMode.Create))
//{
if (System.IO.File.Exists(path))
{
for (int i = 1; i < 4; i++)
{
path = @"C:\inetpub\B2B\ParamDiamond\RESIM\MODEL\" + urunMamul.UrunMamulAddDto.KOD + "_" + i + ".jpg";
if (System.IO.File.Exists(path) == false)
{
using (FileStream stream = new FileStream(Path.Combine(@"C:\inetpub\B2B\ParamDiamond\RESIM\MODEL\", urunMamul.UrunMamulAddDto.KOD + "_" + i + ".jpg"), FileMode.Create))
{
file.CopyTo(stream);
}
//file.CopyTo(stream);
}
}
}
else
{
using (FileStream stream = new FileStream(Path.Combine(@"C:\inetpub\B2B\ParamDiamond\RESIM\MODEL\", urunMamul.UrunMamulAddDto.KOD + ".jpg"), FileMode.Create))
{
file.CopyTo(stream);
}
}
//}
});
}
解决方案
推荐阅读
- r - 评估者与 kappa 之间的协议,使用 tidyverse 和循环函数来旋转数据(数据集)
- c# - 关于eShopOnContainers api网关路由前缀的问题
- java - 如何将依赖项包含到 JAR 文件中(Maven)
- pivot - 在 Snowflake 中使用 Count Distinct 和 Pivot
- r - 如何在 R 包中包含和显示图像?
- postgresql - 仅选择唯一 ID 的最近日期
- pdo - 占位符在准备好的语句中不起作用
- javascript - 如何更改简单表单提交按钮以路由到另一个简单表单
- react-native - 如何使用 expo 上传多张图片?
- php - 将旧 Laravel 项目安装到最新服务器