使用filepicker.IO上傳圖像

我正在嘗試使用Filepicker IO API讓用戶上傳圖像。我正在嘗試複製「開始」視頻中顯示的步驟，但我遇到了一個路障。 Filepicker打開罰款，但它似乎並沒有調用JavaScript函數（openFilePicker（））我有在div（當文件選擇器設置在div中設置，然後它的作品）。此外，我上傳圖片後，我不知道如何獲取信息，以便我可以在另一個頁面上顯示它（用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 widgets與該filepicker.io javascript api的文檔進行混合。如果要綁定到對象的onclick事件並直接使用filepicker.pick調用，則應使用標準按鈕而不是文件選擇器輸入類型，即

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

來源

2013-02-28 20:17:10 brettcvz

使用filepicker.IO上傳圖像

回答

相關問題