Я где-то читал, что когда изображение загружается и с ним возникает проблема, страница обновляется sh и прерывает загрузку, но когда я загружаю изображение, я вижу, что изображение отображается на моей странице и затем страница обновляется, какие-либо идеи о том, что вызывает это?
Код AJAX, который отправляет изображение на сервер:
function uploadAuth() {
var formdata = new FormData($('#formt')[0]);
if ($("#file").val() !== "") {
$.ajax({
type: "POST",
url: '/Actions/UploadImage',
data: formdata,
processData: false,
contentType: false,
success: function (data) {
var d = data;
$('.userPicturesAuth').append('<div class="singleImage"><img class= "img" src=" ' + data + ' "/><button class="dropdowncust butt fas fa-ellipsis-v"><div class="dropdown-contentcust"><div class="singleElement"><p>Change picture</p></div><div class="singleElement"><p>Delete picture</p></div><div class="singleElement"><p>Make private</p></div></div></button></div>');
},
error: function (e) {
console.log(e.responseText);
}
});
}
}
server code:
[HttpPost]
public string UploadImage(Service service, IFormFile photo)
{
if (photo != null)
{
using var image = Image.Load(photo.OpenReadStream());
string uploadsFolder = Path.Combine(Hosting.WebRootPath, "images");
image.Mutate(x => x.Resize(180, 180));
var uniqueFileName = Guid.NewGuid().ToString() + "_" + Path.GetFileName(photo.FileName);
string filePath = Path.Combine(uploadsFolder, uniqueFileName);
image.Save(filePath);
//photo.CopyTo(new FileStream(filePath, FileMode.Create));
var newPath = filePath.Replace(Hosting.WebRootPath, "");
return newPath;
}
return null;
}
Путь, который возвращается ajax в качестве ответа:
\images\ab89e973-d434-4053-8efa-d2a17847b06e_6682_DancingCoffin4.png
------- EDIT -------
целиком HTML страница: