2014-01-27 2 views
2

React JS를 사용하여 입력 파일 형식의 간단한 업로드 양식을 작성하려고합니다. 파일을 제출할 때 다중 양식 데이터를 제출하지 않습니다. 일반 입력 파일 이름을 제출하고 있습니다.간단한 양식 submit with 파일

React에서 업로드 기능을 작성하려면 다른 사항을 변경해야합니까?

기본 업로드 (js fiddle link)를위한 자바 스크립트 코드 :

/** @jsx React.DOM */ 
var HelloMessage = React.createClass({ 
    render: function() { 
    return (<div> 

       <form name="secret" ENCTYPE="multipart/form-data" method="POST" action="http://localhost:8080/uploadFile"> 
      Please choose two files to upload. 
      <br/> 
       File 1:<input type="file" id="profilePic" name="profilePic"/>    
      <br/> 
       <input type="submit" value="submit"/> 
    </form> 
      </div>); 
    } 
}); 

React.renderComponent(<HelloMessage />, document.body); 

사람이 JS 반응하여 작성하는 나에게 도움이 될 수 있습니다.

+2

게시하신 글은 자바 스크립트가 아닌 HTML입니다. –

+2

@AnthonyGrist 저는 실제 React JS 코드를주었습니다. 좀 봐 주실 수 있나요? – Rajeev

답변

12

반응 성분은 케이싱이 중요합니다. ENCTYPE 대신 encType을 시도하십시오. (콘솔에 encType을 사용하라는 경고가 표시되어야합니다.)

다음은 전체 태그 및 속성 목록입니다 (http://facebook.github.io/react/docs/tags-and-attributes.html).

+0

고마워요. 내 문제가 해결되었습니다. – Rajeev