javascript - ajax를 통해 여러 번 업로드된 이미지를 삭제하는 방법은 무엇입니까? ?

현재 제 프로그램 설정은 프론트엔드에서 ajax로 아바타를 수정한 뒤, 수정된 이미지를 백엔드에 업로드하는 것입니다.
마지막으로 사용자가 업로드 버튼을 여러 번 클릭하면 이미지가 여러 번 업로드되는 것으로 확인되었습니다. 삭제가 불편합니다.
스승님, 좋은 제안이 있으신가요?

답글 내용:

현재 제 프로그램 설정은 프론트엔드에서 ajax로 아바타를 수정한 뒤, 수정된 이미지를 백엔드에 업로드하는 것입니다.
마지막으로 사용자가 업로드 버튼을 여러 번 클릭하면 이미지가 여러 번 업로드되는 것으로 확인되었습니다. 삭제가 불편합니다.
스승님, 좋은 제안이 있으신가요?

업로드 중에는 업로드 버튼을 차단하세요

<code>beforeSend: function () {
    // 禁用按钮防止重复提交
    $("#submit").attr({ disabled: "disabled" });
}
</code>

BenefitSend를 이용하세요. . .

<code>$.ajax({
    type: "",
    data: "",
    dataType: "",
    url: "",
    beforeSend: function () {
        // 禁用按钮防止重复提交
        $("#submit").attr({ disabled: "disabled" });
    },
    success: function (data) {
        
    },
    complete: function () {
        $("#submit").removeAttr("disabled");
    },
    error: function (data) {
        
    }
});</code>

사용자는 아바타를 업로드하며, 업로드된 아바타의 이름은 "user_user ID"일 수 있습니다. 서버에 업로드될 때마다 이름에 따라 원본 이미지가 삭제됩니다.

이러한 세부정보 최적화를 위한 제안:

1. 사진을 가져오고 업로드를 클릭하여 업로드를 시작하세요

2. 사진을 얻을 때마다 文件名 时间을 변수에 저장할 수 있습니다. 사용자가 클릭하여 여러 번 업로드할 때 文件名 时间을 변수와 비교하면 요청이 이루어지지 않습니다. 처리됨 (사용자 파일명 시간이 일치하는 경우가 너무 적어 여기서 추가 내결함성 처리는 생략 가능)

3. 이미지가 일관되지 않은 것으로 확인되고 첫 번째 요청이 중단되지 않은 경우 ajax abort 요청을 삭제하고 두 번째 업로드를 시작하세요