Я не могу загрузить и сохранить файл с помощью javascript. Как я могу это сделать?
Ребята, я не могу загрузить файл. Я могу отправить значение, например "контент", но когда я пытаюсь отправить изображение, оно не работает.
<form asp-action="Add" asp-controller="Tweet" method="post" enctype="multipart/form-data"> <span><textarea style="background-color:black" placeholder="Neler oluyor?" id="content" asp-for="Content" class="form-control p-0 my-0"></textarea> <input type="file" id="myFile" name="myFile" /></span>
document.querySelector("#ekle").addEventListener('click', ekle); function ekle() { var content = $("#content").val(); var file = document.querySelector("#myFile").files[0]; let formData = new FormData(); formData.append("image", file); var username = '@User.Identity.Name'; $.ajax({ dataType:'json', url:'/Member/Tweet/Add', data: { "content": content, "image": formData }, type: 'POST'
public void Add(TweetDTO model, string userName, string content, IFormFile image) { var user = _uow.User.Find(x => x.UserName == userName); model.Content = content; model.UserId = user.Id; string uploadDir = Path.Combine(_environment.WebRootPath, "media/tweet"); if (!Directory.Exists(uploadDir)) { Directory.CreateDirectory(uploadDir); } string fileName = Path.GetFileName(image.FileName); using (FileStream stream = new FileStream(Path.Combine(uploadDir, fileName), FileMode.Create)) { image.CopyTo(stream); model.ImagePath = fileName; } Tweet tweet = _mapper.Map<Tweet>(model); _uow.Tweet.Add(tweet); _uow.SaveChange(); }
Что я уже пробовал:
Как я уже сказал, я могу отправить значение "контент", но не могу отправить изображение. Я искал в интернете и пробовал много способов, но все они были одинаковыми.