홈>
Kendo 업로드 구성 요소가 두 번째로 업로드를 수행해야하는 경우 onUpload 이벤트 핸들러가 실행되지 않습니다.
Cropperjs ( https://github.com /fengyuanchen/cropperjs/blob/master/README.md )를 사용하여 이미지를 업로드하고 자른 다음 서버로 보냅니다. 이미지가 너무 크면 서버가 오류를 보냅니다. 사용자는 다른 자르기 영역을 선택하고 이미지를 다시 보내야합니다. 마지막 단계에서는 아무 일도 일어나지 않습니다.
여기서는 이미지를 자르고 업로드하는 방법
cropper.crop();
var canvas = cropper.getCroppedCanvas();
canvas.toBlob(function (blob) {
image = blob;
$("#file").data("kendoUpload").upload();
});
onUpload 핸들러에서 초기 잘린 이미지가 잘린 이미지로 바뀝니다.
e.data = {
file: image,
userName: $("#User_Login").val()
};
서버에서 나에게 오류를 보낸다 :
public virtual ActionResult UpdateUserImage([FromBody]HttpPostedFileBase file, [FromBody]string userName)
{
try
{
ImageHelper.CheckImage(file);
}
catch (Exception e)
{
return new LargeJsonResult(new
{
error = e.Message,
})
{
StatusCode = HttpStatusCode.PreconditionFailed
};
}
...
}
오류는 onError 프로세스 핸들러에서 처리됩니다 :
var err = e.XMLHttpRequest;
if (err.status === 412) {
var body = JSON.parse(err.response);
alert(body.error);
}
else {
alert("Unable to upload the file. Please check that the
size is less than 10Mb.");
}
그 후에 사용자는 이미 선택된 이미지를자를 수 있습니다. 자른 영역을 변경 한 후에는 위에서 설명한 단계를 반복해야합니다. 그러나
$("#file").data("kendoUpload").upload();
후
첫 번째 코드 블록에서는 아무 일도 일어나지 않습니다. 그러나 onUpload 이벤트 핸들러를 호출해야합니다.
- 답변 # 1
관련 자료
- asp.net - ActionResult 메서드가 뷰 내부에서 HtmlBeginForm ()에서 매개 변수를 사용하지 않는 이유는 무엇입니까?
- javascript - 토글 버튼 onClick 메서드가 작동하지 않습니다
- c# - 메서드 회전이 UWP에서 올바르게 작동하지 않습니다
- firebase - Nodejs의 Document Field를 사용하여 문서가 존재하지 않는 경우에만 Firestore에 문서를 업로드하십시오
- javascript - ie-11 - 개체가 속성 또는 메서드 'parseint'를 지원하지 않습니다
- java - ArraycopyOfRange 메서드가 의도 한대로 작동하지 않고 이상한 문자열을 반환합니다
- ruby - 카피 바라는 파일 업로드가 끝날 때까지 기다리지 않습니다
- uiviewcontroller - Swift 5는 튜토리얼 유형 'NSNotificationName'의 메소드가 작동하지 않습니다 'UIResponder '멤버가 없습니다
- swift - 내 didUpdate userLocation 메서드가 호출되지 않는 이유는 무엇입니까?
- Spring-boot에서 ReactiveRepository의 findAll () 메서드는 모든 문서를 반환하지 않습니다 10 개의 문서 만 반환합니다
- javascript - find 메소드 콜백에서 메소드 작업을 저장하지 않는 이유는 무엇입니까?
- php - 라 라벨에서 페이지를 매기는 방법? 방법 페이지 매김이 존재하지 않습니다
- php - 라 라벨에 파일을 업로드하려고하는데 존재하지 않는 것 같습니다
- java - Kotlin에서 스프링 분석법 주입이 작동하지 않는 이유는 무엇입니까?
- javascript - JQuery Datepicker에 대한 Focus의 IE에서 "개체가 속성 또는 메서드 'shift'를 지원하지 않습니다"(월/년이 변경된 후에 만)
트렌드
- OpenCv의 폴더에서 여러 이미지 읽기 (python)
- 파이썬 셀레늄 모든 "href"속성 가져 오기
- html - 자바 스크립트 - 클릭 후 변경 버튼 텍스트 변경
- git commit - 자식 - 로컬 커밋 된 파일에 대한 변경을 취소하는 방법
- JSP에 대한 클래스를 컴파일 할 수 없습니다
- javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침
- jquery - JavaScript로 현재 세션 값을 얻으시겠습니까?
- javascript - swiperjs에서 정지, 재생 버튼 추가
- JavaScript 변수를 HTML div에 '출력'하는 방법
- python - 문자열에서 특정 문자 제거
나는 해결책을 찾았다 :) 서버로 이미지를 전송하고 크기를 확인하는 대신 클라이언트에서 크기를 확인하고 필요한 경우 전송을 방지합니다. 나는
$("#file").data("kendoUpload").upload();
를 호출하기 전에 의미 전화합니다모든 것이 정상입니다. 그러나 누군가 왜 여전히
$("#file").data("kendoUpload").upload();
를 알 수 있다면 onUpload 이벤트 핸들러를 실행하지 않습니다. 나와 의견을 나누는 것이 좋습니다. :)