Страница обновляется после загрузки изображения с использованием ASP. NET core & AJAX - PullRequest
0 голосов
/ 04 августа 2020

Я где-то читал, что когда изображение загружается и с ним возникает проблема, страница обновляется 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 страница:

image
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...