2012-09-21 2 views
0

질문이 하나 있습니다. 답변을 찾지 못했습니다.jquery 대화 상자에 나열 - MVC, Ajax

(MVC) : 기본보기에서 PartialView을 Jquery UI 대화 상자에로드했습니다. 내가 뭔가를 만들고 나는 나 일부 사진

(<input type="file" multiple="") 

을 업로드하는 데 도움이 "복수"속성에 입력 유형 = "파일"이 양식을 submit.In에 데이터베이스에 모든 것을 보낼 수 있습니다. 나는 사진 목록 (HttpPostedFileBase)을 데이터베이스에 보냈습니다. 문제는 입니다. 항상 NULL 목록가 표시됩니다.

질문 : 무엇이 문제인가? 또한 작동하지 않는 Ajax 코드가 있습니다.

보기를 반환하는 다른 컨트롤러에서 사용 된 것과 동일한 코드가 매우 잘 작동합니다. 대화에 문제가 있다고 생각합니다. 주 화면에서

대화 코드 :

$('#element').dialog({ 
     autoOpen: false,   
     modal: true, 
     open: function (event, ui) { 
      $(this).load('@Url.Action("AddCar", "Cars")', function (html) {      
       $('form', "#sDiv").submit(function() { 
        $.ajax({ 
         url: this.action, 
         type: this.method, 
         data: $(this).serialize(), 
         success: function (res) { 
          if (res.success) { 
           $('#element').dialog('close'); 
          } 
          window.location.reload(); 
         } 
        }); 
        return false; 
       }); 
      }); 
     } 
+0

-1 : 귀하의 질문은 이해하기가 거의 어렵습니다. 귀하의 요구 사항을 전혀 설명하지 않습니다. 귀하의 요구 사항을 이해할 수 있도록 수정 해 주실 수 있습니까? – Ashes

답변

0

당신은 양식을 제출 AJAX를 사용하고있는 것으로 보인다. 하지만 그건 지원되지 않습니다. jQuery AJAX 함수를 사용하여 파일을 업로드 할 수 없습니다. uploading files도 지원하는 jquery.form plugin을 살펴보십시오. - 당신이 AJAX와 File API to upload files를 사용할 수있는 최신 브라우저에서 지원

  1. HTML5 :

    밖에 2 개 캠프가 있습니다.

  2. 레거시 캠프 - Internet Explorer와 같은 File API를 지원하지 않으며 숨겨진 iframe 및 물건과 같은 기술을 대체해야합니다. 즉, jquery.form 플러그인이 무엇을 - 그것은 캠프 브라우저 속한에서 감지하고 적절한 기술을 사용
  3. 당신이 체크 아웃 할 수있는 많은 다른 파일 업로드 구성 요소도 있습니다

같은 Uploadify, Plupload, Blueimp File Upload, Valums AJAX uploader, 및 기타. 모든 기본 전송 메커니즘을 코딩하지 않으려는 경우 하나를 선택하여 응용 프로그램에 통합하십시오.

+0

감사합니다. 이 플러그인 중 하나를 사용해 보겠습니다. –

관련 문제