After cropping the image, the page scrolls to the top of the window. The new cropped image doesn’t get focused. Normally .focus() JavaScript method is applies to the form controls. The following way is helped me to solve the problem.
document.getElementById("my-cropped-image").scrollIntoView();
JavaScript Code:
$.ajax({
url: '@Url.Action("CropImage", "CropImage", new { area = "web" })',
type: 'POST',
data: {
imagePath: file,
cropPointX: cropPointX,
cropPointY: cropPointY,
imageCropWidth: imageCropWidth,
imageCropHeight:imageCropHeight
},
success: function (data) {
$("#my-cropped-image")
.attr("src",data.photoPath + "?t=" + new Date().getTime())
.show();
document.getElementById("my-cropped-image").scrollIntoView();// Use this
},
error: function (data) { }
});
Description:
When the user uploads the image and cropped. The cropped image gets focused.It is because of the JavaScript scrollIntoView() method.
Post your comments / questions
Recent Article
- ModuleNotFounEerror:No module named celery in Django Project
- How to get domain name information from a Domain using Python
- ModulenotFoundError: no module named 'debug_toolbar' -SOLUTION
- How to create superuser in django project hosted in cPanel without terminal
- CSS & images not loading in django admin | cpanel without terminal
- Could not build wheels for mysqlclient, which is required to install pyproject.toml-based projects
- How to sell domain name on Godaddy (2023)
- TemplateSyntaxError at / Could not parse the remainder: ' + 1' from 'forloop.counter0 + 1'
Related Article