2013-04-02 2 views
0

ElementIT의 MultiPowUpload v3.3을 사용하고 있으며 독립형 플래시 부분이 작동합니다. 내 문제는 업로드 버튼을 보이지 않게 만들고 표준 양식 요소 버튼을 통해 업로드를 트리거해야하는 경우입니다.Flash MultiPowUploader - 보이지 않을 때 업로드 버튼 트리거?

<form id="myform" name="myform" action="" method="post"> 
<select name="menu" MULTIPLE size="2"> 
<option value="1">some menu item 1</option> 
<option value="2">some menu item 2</option> 
</select> 
<input name="text" type="text" value="some text"> 
<input type="hidden" name="hdn_frm_submit" id="hdn_frm_submit" value="Upload Files" /> 
<input type="submit" name="btn_sub" value="Submit Form"> 

<div id="MultiPowUpload_holder"></div> 

<script type="text/javascript" src="Extra/swfobject.js"></script> 
<script type="text/javascript"> 
var params = { 
    BGColor: "#FFFFFF" 
}; 

var attributes = { 
    id: "MultiPowUpload", 
    name: "MultiPowUpload" 
}; 

//MultiPowUpload partameters goes here 
var flashvars = {  
    "serialNumber": "MY_SERIAL_NUMBER_INSERTED_HERE", 
    "uploadUrl": "insert_the_processing_page_here", 
    "formName": "myform", 
     "uploadButton.visible": "false", 
    "uploadButton.action": "2", 
    "useExternalInterface": "true" 
}; 
//Default MultiPowUpload should have minimum width=400 and minimum height=180 
swfobject.embedSWF("ElementITMultiPowUpload.swf", "MultiPowUpload_holder", "400", "250", "10.0.0", "Extra/expressInstall.swf", flashvars, params, attributes); 
</script> 
</form> 

페이지에서 jQuery를 사용할 수 있으므로 doc.ready 섹션에 제출 단추 클릭 핸들러를 배치 할 것입니다. jQuery로 플래시 업 로더의 올리기 버튼을 어떻게 처리합니까? 모든 의견은 크게 감사하겠습니다.

<script> 
    $(document).ready(function() { 
    $("#btn_sub").click(function() { 
     $("#MultiPowUpload").uploadAll("uploadfiles.aspx"); 
    }); 
    }); 
</script> 

있지만 :

답변

1

당신은 아마 당신이 uploadAll 방법
http://www.element-it.com/OnlineHelpMulti/Methods.html#uploadAll

당신이 될 것입니다 샘플에 추가하는 데 필요한 코드를 찾고 있습니다 ExternalInterface
http://www.element-it.com/OnlineHelpMulti/MultiPowUpload_Manual_HTML/tutorial.html#javaScript

을 사용할 수 있습니다 버튼 유형을 submit에서 01로 변경해야합니다.은 html에서 양식을 제출하는 것을 방지합니다. 응답을
http://api.jquery.com/ready/
http://api.jquery.com/click/
http://api.jquery.com/id-selector/

+0

들으 로마 :

<input type="button" name="btn_sub" value="Upload Files"> 

내가이 문서를 사용했다. 게시하기 전에이 예제를 살펴 보았습니다. JS의 전문 지식으로 인해 예제가 더 이상 없기 때문에 솔루션을 코딩 할 수 없었습니다. – 12AX7

+0

코드 샘플을 추가하여 도움이 되었기를 바랍니다. – Roman

+0

Thx Roman. 피드백과 정보에 정말 감사드립니다! – 12AX7