jQuery로 빌드 된 ajax/json으로 이미지 파일 제출하기

Question

Ajax/json/jQuery를 통해 업로드 된 파일을 제출해야합니까?

전혀 플러그가 있습니까? 다른 데이터를 쉽게 제출하고 싶다면

$.ajax(
    { 
     type: "POST", 
     url: "http://www.test.php", 
     dataType:"json", 
     data: {serial: $('[name=txtLogin]').val()}, 
     success: function(data) 
     { 
      ... do some stuff ...    
     }   

    }); 

그러나 나는 파일 업로드가 다른 이야기라고 생각합니다. 텍스트 상자, 라디오 및 체크 상자는 물론 파일 자체와 같은 다양한 분야의 정보를 전달하고 싶습니다.

아이디어가 있으십니까?

Answer 1

거기에 몇 가지 플러그인이 도움이 될 수 있습니다. 괜찮은 결과를 얻으려면 link을 보시기 바랍니다.

저는 여러 프로젝트에서 Andrew Valums AJAX Upload 컨트롤을 사용했습니다. 그것은 좋은 컨트롤이고 트릭을 않습니다. 또한 하나의 AJAX POST에 파일과 함께 추가 필드 값 (텍스트 상자의 파일 이름, 일부 true/false 메타 데이터 등)을 업로드했습니다.

나는 Valums의 컨트롤이 jQuery 플러그인이 아니라는 것을 추가해야한다. 기본 JavaScript이다. 나는 jQuery의 $ .ajax 호출과 함께 사용했다.

업데이트 : : 사실 최근에 나는 project이 Valums의 업로드 플러그인의 후임으로 매우 유망 해 보인 것을 발견했습니다. 그것은 jQuery에 중점을두고 있기 때문에 그것이 프로인지 사기인지 확실하지 않지만 그것을 공유 할 수 있다고 생각했습니다. 아직 시도하지는 않았지만 기능이 당신에게 잘 맞는 것 같습니다.

희망이 도움이됩니다.

Answer 2

짧은 대답 : 아니요, 그렇게 할 수 없습니다.

그러나 jQuery form plugin을 사용하면 실제로 숨겨진 iframe에 양식을 제출할 수 있습니다. 실제로는 원하는 방식으로 작동합니다.