Ajax 호출 만들기

사용자가 PDF 파일을 업로드한 경우 서블릿에 대한 POST 호출을 수행하고 POST 요청에 업로드된 PDF 문서를 전달해야 합니다. POST 요청은 crx 저장소의 내보낸 데이터에 대한 경로를 반환합니다

$("#fileElem").on('change', function (e) {
           console.log("submitting files");
           var filesUploaded = e.target.files;
           var ajaxData = new FormData($("#myform").get(0));
           for (var i = 0; i < filesUploaded.length; i++) {
               ajaxData.append(filesUploaded[i].name, filesUploaded[i]);
           }

           handleFiles(ajaxData);

       });

function handleFiles(formData) {
    console.log("File uploaded");

    $.ajax({
        type: 'POST',
        data: formData,
        url: '/bin/ExtractDataFromPDF',
        contentType: false,
        processData: false,
        cache: false,
        success: function (filePath) {
            console.log(filePath);
            guideBridge.setData({
                dataRef: filePath,
                error: function (guideResultObject) {
                    console.log("Error");
                }
            })


        }
    });
}

서블릿이에 마운트됨 /bin/ExtractDataFromPDF PDF 파일에서 데이터를 추출하고, 추출된 데이터가 저장된 crx 노드의 경로를 반환합니다.
다음 GuideBridge setData 그런 다음 적응형 양식의 데이터를 설정하는 데 메서드가 사용됩니다.

다음 단계

샘플 자산 배포

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e