jQuery ajax 게시물 파일 필드

파일 입력이있는 양식이 있습니다. 어떻게 파일을 가져 와서 jQuery를 사용하여 PHP 스크립트에 게시합니까? .val()을 사용하여 값을 얻은 다음 게시 할 수 있습니까? 이 도움이 될jQuery ajax 게시물 파일 필드

$('#submit').click(function() { 
    var file = $('#file').val(); 
    $.post('script.php', { "file": file }, function(data) { 
     // do something here after post complete 
    }, 'json'); 
});

감사

출처

2011-04-19 geoffs3310

나는 이것이 작동하지 않을 것 같아요, 아약스 업 로더는 당신이보고있는 것일 수도 있습니다 .. –

: 예를 들어, 파일 입력 난 그냥 할 수있는 파일의 ID를 가지고 말한다. 이후로

How can I upload files asynchronously? 내가 http://malsup.com/jquery/form/#code-samples

출처

2011-04-19 15:34:23 austinbv

파일 업로드 하지 상관없이 당신이 그것을 분해하는 방법,이 방법을 수행 할 수 없습니다 여기에 플러그인을 추천 좋습니다. 당신은 아약스/비동기 업로드를 수행 할 경우,

<script type="text/javascript"> 
     $("#form_oferta").submit(function(event) 
     { 
      var myData = $(form).serialize(); 
      $.ajax({ 
       type: "POST", 
       contentType:attr("enctype", "multipart/form-data"), 
       url: " URL Goes Here ", 
       data: myData, 
       success: function(data) 
       { 
        alert(data); 
       } 
      }); 
      return false; 
     }); 
</script>

여기

우리는에서와 같이 contentType가 multipart/form-data로 지정되어 ... 나는 Uploadify 같은에보고 제안, 또는 Valums

출처

2011-04-19 15:34:46 Dutchie432

-3

이 시도 양식 태그를 사용하면 간단한 파일 을 업로드 할 수 있습니다. 서버 측에서는 사용자에게 응답하려는 메시지를 반향 출력하여이 요청을 처리하는 간단한 파일 업로드 코드 만 작성하면됩니다.

출처

2013-01-22 16:59:56

작동하지 않습니다 –

나는이 코드를 Ajax를 사용하여 파일을 수락하고 파일을 제출할 때 my PHP 파일을 사용하여 저장하도록했다. 코드가 약간 수정되었습니다. (업로드 된 파일 : PDF, JPG)

function verify1() { 
    jQuery.ajax({ 
     type: 'POST', 
     url:"functions.php", 
     data: new FormData($("#infoForm1")[0]), 
     processData: false, 
     contentType: false, 
     success: function(returnval) { 
      $("#show1").html(returnval); 
      $('#show1').show(); 
     } 
    }); 
}

파일 세부 정보를 인쇄하고 확인하십시오. 당신은 출력을 얻을 것이다. 오류가 있으면 알려주십시오.

출처

2016-04-06 10:11:58 WhiteHorse

jQuery ajax 게시물 파일 필드

답변

관련 문제