jQuery ajax 게시 파일 필드

jQuery ajax 게시 파일 필드

파일을 입력한 양식이 있습니다.jQuery를 사용하여 파일을 가져와 php 스크립트에 게시하려면 어떻게 해야 합니까?.val()을 사용하여 값을 가져온 다음 이것을 게시할 수 있습니까?예를 들어 파일 입력에 파일 ID가 있다고 가정하면 다음 작업을 수행할 수 있습니다.

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

감사해요.

이것이 도움이 될 것입니다.파일을 비동기식으로 업로드하려면 어떻게 해야 합니까?

게시물에서 제안하는 바와 같이 여기 http://malsup.com/jquery/form/ #code-links에 위치한 플러그인을 추천합니다.

나는 Ajax를 사용하여 이 코드를 사용하여 파일을 수락하려고 시도했고 제출 파일에서 내 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();
         }
    });
}

파일 세부 정보를 인쇄하고 확인하기만 하면 됩니다.출력이 표시됩니다.오류가 발생하면 알려주세요.

해보세요...

<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우리가 양식 태그에서 하는 것처럼, 이것은 간단한 파일을 업로드하기 위해 작동할 것입니다. 서버 측에서는 응답으로 사용자에게 보여주고 싶은 반향 메시지와 함께 이 요청을 처리하기 위해 간단한 파일 업로드 코드를 작성하기만 하면 됩니다.

파일 업로드는 파일을 어떻게 분류하든 이 방법으로 수행할 수 없습니다.Ajax/async 업로드를 원한다면 Uploadify 또는 Valums와 같은 것을 검토하는 것을 제안합니다.

언급URL : https://stackoverflow.com/questions/5718888/jquery-ajax-post-file-field