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
- Fix-Gradient effect turning to gray in after effects
- How to blur an image in python?
- ModuleNotFoundError: No module named 'whois' in Python GoviralHost Without Terminal
- How to Convert Image to Pencil Sketch in Python?
- AttributeError: module 'urllib' has no attribute 'request' - Python
- How to Extract audio from video files using python?
- PermissionError: [Errno 13] Permission denied: 'shampoo_sales.csv' - Python
- [WinError 145] The directory is not empty: 'FolderPath' - Python
Related Article