안녕하세요, 코드이그나이터 파일 업로드 관련해서 form태그로 파일 업로드 성공했는데요.

( $this->load->library('upload') 라이브러리를 사용했습니다 )

그런데...form 태그를 사용하는게 싫어서, 웹사이트 전반에 걸쳐서 jabascrit+ajax를 사용해서 컨트롤러로 값을 넘기고 있습니다.

코드이그나이터 upload 라이브러리를 사용하면서 view에서 jabascrit+ajax로 구현할수 있는 방법이 있을까요?

예) 아래 처럼 5개 항목이 있을때, 사진첨부 하나 때문에 form 태그를 사용하는게 마땅치 않거든요.

사진첨부 :  

한줄소개 : 

제목 : 

내용 : 

작성자 : 

[현재 ajax 코드 : 업로드 실패라고 나옵니다]

<script>
    $("#add_01_insert_btn").click(function()                                                    //다음 버튼 클릭 시
    { 
	    //스크립트 변수 정리
	    var introduce = $('#introduce').val();                                                  //한줄소개

		//폼 벨리데이션
		if ($("#introduce").val() == '')
		{
			alert('한줄 소개를 입력해주세요');
			$("#ntroduce").focus();  
			return false;
		} 

        $.ajax ({ 
	       	url : "/my_freelancer/my_profile_add_01" ,
	       	type : "POST" ,
	       	fileElementId	:'userfile',
	       	dataType : "json" ,
	       	data : {
				   introduce : introduce 			   
				   },
		    success : function(result)                                           //성공 시  
		    {	
				alert("1단계 저장완료 했습니다");	 
		    },
		    error : function(request,status,error)                               //실패 시 
		    {
                alert(request.status + " 에러가 발행해서 1단계 저장하지 못했습니다");
            }
        });
	});
</script> 

[html 코드]

<li class="p-photo">
	<div class="avatar">
		<span>프로필 사진</span>
	</div>
	<div class="file-box abs">
		<label for="userfile" class="btn-bkl">업로드</label>
		<input type="file" name="userfile" id="userfile" />
	</div>
</li>
<li>
	<span class="stit">한줄 소개</span>
	<div class="self-intro">
		<input type="text" title="한줄 자기소개" placeholder="20자 이내로 타이틀을 입력하세요" value='' name='introduce' id='introduce' />
	</div>
</li>