filepicker.IO를 사용하여 이미지 업로드

Filepicker IO API를 사용하여 사용자가 이미지를 업로드 할 수있게하려고합니다. "시작하기"비디오에 표시된 단계를 복제하려고하지만로드 블록으로 실행 중입니다. Filepicker가 잘 열리지 만, div에있는 javascript 함수 (openFilePicker())를 호출하지 않는 것 같습니다 (div에 filepicker 설정이 설정된 경우 작동 함). 또한 이미지를 업로드 한 후에 다른 페이지 (PHP 등으로 저장)에 표시 할 수 있도록 정보를 얻는 방법을 모르겠습니다. 나를 도울 수 있다면 정말 고맙겠습니다. 여기 코드는 다음과 같습니다filepicker.IO를 사용하여 이미지 업로드

<script type="text/javascript"> 

    function openFilePicker() { 

     filepicker.setKey('MYKEYHERE'); 

     filepicker.pick({ 
         mimetypes: ['image/*', 'text/plain'], 
         container: 'window', 
         services:['COMPUTER', 'FACEBOOK', 'GMAIL', 'PICASA', 'DROPBOX', 'INSTAGRAM', 'FLICKR'], 
         }, 
         function(FPFile){ 
         console.log(JSON.stringify(FPFile)); 

         //UPLOAD COMPLETE 
         UpdateHTMLWithUploadedFile(FPFile.url); 

         }, 
         function(FPError){ 
         console.log(FPError.toString()); 
         } 
         ); 

    } 

</script> 

<script type="text/javascript" src="//api.filepicker.io/v1/filepicker.js"></script> 


<div class="row margin" id='img-row'> 
<input id="filename" disabled="disabled" class="input-text file-input-value" type="text" style="width: 360px;" value=""/> 
    <input name="img" data-fp-class="form-simple-action-btn filepicker_launcher" data-fp-button-text="Choose Image" data-fp-container="modal" type="filepicker" data-fp-apikey="MYKEYHERE" id='campaign-img-input' onclick="javascript:openFilePicker()"> 
</div>

출처

2013-02-28 user1072337

당신은 filepicker.io javascript api의와 filepicker.io widgets에 대한 문서를 혼합 것으로 보인다. 객체의 onclick 이벤트에 바인딩하고 filepicker.pick 호출을 직접 사용하려면 파일 피커 입력 유형 대신 표준 버튼 (예 :

<button onclick="javascript:openFilePicker()">Choose Image</button>

)을 사용해야합니다.

출처

2013-02-28 20:17:10 brettcvz

filepicker.IO를 사용하여 이미지 업로드

답변

관련 문제