자바스크립트에서 서버 파일을 삭제하는 방법-프런트엔드 Q&A-php.cn

자바스크립트에서 서버 파일을 삭제하는 방법

PHPz

풀어 주다： 2023-04-25 10:11:11

원래의

1110명이 탐색했습니다.

웹 개발에서는 파일 업로드 및 삭제 작업을 사용해야 하는 경우가 많습니다. 프런트엔드에서는 JavaScript를 사용하여 몇 가지 간단한 파일 업로드 및 삭제 작업을 구현할 수 있지만, 서버에서 파일을 삭제하려면 일반적으로 백엔드 언어의 도움이 필요합니다. 그러나 어떤 특정한 경우에는 JavaScript를 사용하여 서버에서 파일을 삭제할 수도 있습니다.

JavaScript를 사용하여 서버에서 파일을 삭제하기 전에 주의해야 할 사항이 몇 가지 있습니다.

파일 삭제 요청을 수신하고 처리할 수 있는 서버측 인터페이스가 있어야 합니다.
삭제 작업을 수행할 수 있는 충분한 권한이 있어야 합니다. 그렇지 않으면 서버에서 거부됩니다.

다음으로 JavaScript를 사용하여 서버의 파일을 삭제하는 방법을 소개하겠습니다.

방법 1: XMLHttpRequest 개체를 사용하여 HTTP 요청 보내기

JavaScript에서는 XMLHttpRequest 개체를 사용하여 서버에 HTTP 요청을 보낼 수 있습니다. 지정된 파일을 삭제하기 위해 서버에 HTTP DELETE 요청을 보낼 수 있습니다.

다음은 XMLHttpRequest를 사용하여 서버에서 파일을 삭제하는 샘플 코드입니다.

function deleteFile(fileUrl) {
  var xhr = new XMLHttpRequest();
  xhr.open("DELETE", fileUrl, true);
  xhr.send();
  
  xhr.onload = function() {
    console.log("File deleted successfully.");
  };
  
  xhr.onerror = function() {
    console.error("Delete request failed.");
  };
}

로그인 후 복사

이 샘플 코드에서는 파일의 URL을 매개변수로 전달하고 XMLHttpRequest 객체를 생성합니다. open() 메서드를 사용하여 요청 메서드(DELETE), 요청된 URL(fileUrl) 및 요청을 비동기적으로 보낼지 여부를 지정합니다.

요청을 보낸 후 onload 및 onerror 이벤트 핸들러를 사용하여 요청 응답을 처리할 수 있습니다. 파일이 성공적으로 삭제되면 콘솔에 "파일이 삭제되었습니다."가 출력되고, 그렇지 않으면 "삭제 요청 실패"가 출력됩니다.

서버가 HTTP DELETE 방식을 지원하지 않으면 이 방식으로는 파일을 삭제할 수 없다는 점에 유의하세요.

방법 2: 가져오기를 사용하여 HTTP 요청 보내기

XMLHttpRequest 개체를 사용하여 HTTP 요청을 보내는 것 외에도 가져오기 방법을 사용하여 HTTP 요청을 보낼 수도 있습니다. fetch는 HTTP 요청을 쉽게 처리할 수 있는 새로운 웹 API입니다. 다음은 가져오기를 사용하여 서버에서 파일을 삭제하는 샘플 코드입니다.

function deleteFile(fileUrl) {
  fetch(fileUrl, { method: "DELETE" })
    .then(function(response) {
      console.log("File deleted successfully.");
    })
    .catch(function(error) {
      console.error("Delete request failed.");
    });
}

로그인 후 복사

이 샘플 코드에서는 파일의 URL을 매개변수로 전달하고 가져오기 메서드를 사용하여 서버에 HTTP DELETE 요청을 보냅니다. 파일이 성공적으로 삭제되면 콘솔에 "파일이 삭제되었습니다."가 출력되고, 그렇지 않으면 "삭제 요청 실패"가 출력됩니다.

가져오기 방법의 호환성이 충분하지 않으며 현재 Firefox, Chrome 및 Edge와 같은 최신 브라우저만 지원한다는 점에 유의해야 합니다.

주의할 사항

JavaScript를 사용하여 서버의 파일을 삭제할 때 다음 사항에 주의해야 합니다.