Итак! Есть простая задача сделать функцию, комментарии. Сделал я это так:
метод комментария:
[HttpPost]
public async Task<IActionResult> Comment(int postId, string userId, string content, Comment comment)
{
var publ = _context.Publications.FirstOrDefault(c => c.Id == comment.PostId);
if (publ != null) comment.ImageUrl = publ.ImageUrl;
if (ModelState.IsValid)
{
var user = await _userManager.GetUserAsync(User);
var comm = new Comment
{
UserId = userId,
PostId = postId,
Content = content,
CommentDate = DateTime.Now
};
comm.UserId = user.Id;
_context.Add(comm);
await _context.SaveChangesAsync();
return RedirectToAction(nameof(Index));
}
return View();
}
ajax и Html: комментарий:
<table>
<tbody>
<div class="row">
<div class="col-lg-12">
<a onclick="openCommentForm(@Model.Id)" style="cursor: pointer; color: darkslategray;">Оставить комментарий</a>
</div>
<div class="col-md-12" id="postdiv-@Model.Id" style="display: none; color: darkslategray;">
<textarea id="posttext-@Model.Id"></textarea> <br/>
<input type="button" id="postComment" onclick="sendComment('@Model.Id', '@Model.UserId')" value="Отправить"/>
</div>
</div>
</tbody>
</table>
<script>
function openCommentForm(postId) {
$('#postdiv-' + postId).show();
}
function sendComment(postId, userId) {
$.ajax({
url: '@Url.Action("Comment", "Comments")',
type: 'POST',
data: { 'postId': postId, 'userId': userId, 'content': $('#posttext-' + postId).val() },
success: function(data) {
setTimeout(function() {
alert('Ваш комментарий ' + '(' + $('#posttext-' + postId).val() + ')' + ' добавлен!!!',
data)
},
500);
},
error: function() {
console.log('Ошибка во время отправки комментария', this);
}
});
}
</script>
модель Publication:
public class Publication
{
public int Id { get; set; }
[Display(Name = "Изображение")] public string ImageUrl { get; set; }
[Display(Name = "Описание")] public string Description { get; set; }
[Display(Name = "Нравиться!")] public int Like { get; set; }
[Display(Name = "Подписка!")] public int Subscription { get; set; }
public string UserId { get; set; }
public ApplicationUser User { get; set; }
[Display(Name = "Количество комментариев")]
public int ComentCount { get; set; }
public List<Comment> CommentsList { get; set; }
}
модель Comment:
public class Comment
{
[Key] public int CommentId { get; set; }
public string UserId { get; set; }
public ApplicationUser User { get; set; }
public int PostId { get; set; }
public Publication Post { get; set; }
public string Content { get; set; }
public DateTime CommentDate { get; set; }
[Display(Name = "Изображение")] public string ImageUrl { get; set; }
}
так же вот метод Create который в CommentController
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create([Bind("CommentId,PostId,CommentDate")] Comment comment)
{
var publ = _context.Publications.FirstOrDefault(c => c.Id == comment.PostId);
if (publ != null) comment.ImageUrl = publ.ImageUrl;
if (ModelState.IsValid)
{
_context.Add(comment);
await _context.SaveChangesAsync();
return RedirectToAction(nameof(Index));
}
return View(comment);
}
метод Details
// GET: Comments/Details/5
public async Task<IActionResult> Details(int id, PublicationVM model)
{
ViewBag.Comment = _context.Comments.Where(c => c.PostId == id);
if (id == null)
{
return NotFound();
}
var comment = await _context.Comments
.Include(c => c.Post)
.Include(c => c.User)
.SingleOrDefaultAsync(m => m.CommentId == id);
if (comment == null)
{
return NotFound();
}
return View(comment);
}
Собственно вот в чём проблема. При добавлении комментария через форму ajax он создаётся, добавляется, но в деталях не отображается картинка
добавляю её так
<td>
<img src="~/@Model.ImageUrl" width="700" height="450"/>
</td>
Метод для получения картинки такой
public class FileUploadService
{
public FileUploadService()
{
}
public async void Upload(string path, string fileName, IFormFile file)
{
Directory.CreateDirectory(path);
using (var stream = new FileStream(Path.Combine(path, fileName), FileMode.Create))
{
await file.CopyToAsync(stream);
}
}
}
но если создать комментарий с помощью метода Create то картинка отображается но сам комментарий (Content) нет.
Через Ajax
Через Create
Почему так происходит?
Я уже два дня сижу не могу понять почему. Проект учебный , я только учусь, прошу не судить строго за реализацию и построение связей. Это мой первый такой проект.
Да, забыл написать! Если скрипты поместить в секцию Scripts
@section Scripts{
}
То скрипты вообще перестают работать. Хотя, правильно вроде в секцию помещать скрипты.