JavaScript 멀티 이미지 업로드 : 마지막 주소를 저장하는 대신 모든 이미지 주소를 저장하는 방법은 무엇입니까?

JavaScript 이미지 업로드 경로 처리에 대한 질문

여러 이미지를 업로드 할 때 마지막 이미지의 주소를 저장하는 대신 모든 이미지의 주소를 저장하는 것이 일반적인 문제입니다. 이 기사에서는 다음 코드 스 니펫에 대한이 기능을 구현하기 위해 코드를 수정하는 방법을 설명합니다.

코드 스 니펫은 WebUploader 플러그인을 사용하여 여러 이미지 업로드를 구현하는 기능을 보여줍니다. upload.on ( 'uploadSuccess', function (파일, 응답) {...}); 이 코드는 각 이미지 업로드가 성공한 후에 실행되지만 원래 코드는 $ ( "#info3"). val (json.stringify (response.imgurl))입니다. 이 코드 라인은 매번 #info3 입력 상자의 값을 덮어 쓸 수 있으므로 마지막 이미지의 주소를 얻을 수 있습니다.

이 문제를 해결하기 위해 업로드 된 모든 이미지의 주소를 저장하는 배열을 만들고 각 업로드가 성공한 후에 배열에 새 주소를 추가 할 수 있습니다. 마지막으로 배열의 모든 주소는 일부 형식으로 연결되어 #info3 입력 상자에 할당됩니다.

수정 된 코드는 다음과 같습니다.

 var imgurls = [];

UPLOADER.ON ( 'uploadSuccess', function (파일, 응답) {
    $ ( "#imgs_url"). Append (json.stringify (response.imgurl) "<br>");

    imgurls.push (json.stringify (response.imgurl));

    $ ( "#info3"). val (imgurls.join ( ','));
});

이 코드는 먼저 빈 배열을 정의합니다. 각 업로드가 성공하면 리턴 된 이미지 주소 json.stringify (response.imgurl)을 IMGURL 배열에 추가합니다. 마지막으로, Join ( ',') 메소드를 사용하여 쉼표와 공백으로 배열의 모든 주소를 연결하고 결과를 #info3 입력 상자에 할당합니다. 이러한 방식으로 #info3 입력 상자에는 업로드 된 모든 이미지의 주소가 포함되어 있습니다. $ ( "#imgs_url"). Append (json.stringify (response.imgurl) "
"); 이 코드 라인은 변경되지 않은 상태로 유지되며 페이지의 모든 이미지 주소를 계속 표시합니다. 이러한 방식으로 업로드 된 모든 이미지의 주소를 올바르게 얻을 수 있습니다.

위 내용은 JavaScript 멀티 이미지 업로드 : 마지막 주소를 저장하는 대신 모든 이미지 주소를 저장하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!