2013-04-22 30 views
1

我們在我們的應用程序中使用Filepicker.io,它工作得很好。我需要這個插件的2個選項,我無法在他們的文檔中找到。禁用/銷燬Filepicker.io文件上傳選擇器

1)禁用 - 我們只希望用戶每次上傳一個圖片。如果Filepicker已經在當前交互中處理了一個文件,我想在他們提交表單或者刪除當前圖像之前禁用該插件。

2)銷燬 - Filepicker提供了一種以編程方式將標準輸入字段轉換爲Filepicker.io小部件的方式:constructWidget。我在文檔中找不到destroyWidget函數。有誰知道這是否是一種選擇?

這是我們目前正在使用的代碼:

<input id="upload-image-input" value="Upload an image." data-fp- 
    services="COMPUTER,URL,FLICKR,FACEBOOK,INSTAGRAM,DROPBOX,PICASA"> 

var element = document.getElementById('upload-image-input') 
    view = this; 

// make sure filepicker isn't already displaying 
if (element.style.display !== 'none') { 
    element.type="filepicker-dragdrop"; 
    element.onchange = function(e){ 
     var text = view.set(e.fpfile.url), 
    }; 
    filepicker.constructWidget(element); 
} 

我也想知道是否有在使用拖拽刪除一個文件拖放控件的「X」按鈕,被觸發的事件。

回答

0

我們目前不直接在SDK中支持這些功能,但有一些方法可以產生這種行爲。例如,您可以將自定義類添加到元素,然後使用它添加事件偵聽器,將其從dom中刪除,或將其禁用。

+0

佈雷特,你能提供一些示例代碼嗎?它看起來像你爲FilePicker工作,所以我很樂意提供一些指導。我正在爲發佈窗口創建/刪除FilePicker。即使我明確地刪除我的drop元素上的事件,FP仍然將它們添加回來。因此,下次我打開窗戶時,每個事件都有2個。很想跟你談談這件事。 – commadelimited 2013-07-02 21:27:10