2012-06-21 15 views
1

使用jQuery上傳圖庫uploadify非flash版本稱爲uploadifive我得到它的安裝,但一個奇怪的問題,當你點擊瀏覽/選擇文件按鈕什麼都沒有發生有任何其他的跑到這個問題和如果是的話如何解決謝謝。 的HTML基本上是簡單的只是上傳輸入和div標籤Uploadifive jQuery上傳非Flash版本



$(function() { 
    $('#file_upload').uploadifive({ 
    'debug'    : true, 
    'auto'    : true, 
    'formData'   : {'test' : 'something'}, 
    'queueID'   : 'queue', 
    'buttonText'  : 'ATTACH FILE', 
    'uploadScript'  : '".base_application_url()."upload_license/', 
    'onUploadComplete' : function(file, data) { 
    console.log(data); 
    }); 
}); 

+0

嘗試添加選項'multi':false。直覺告訴我可能是這樣。 – defuz

+0

你的html是這樣的:''? – peacemaker

+0

此外,如果您使用帶有開發人員擴展的瀏覽器(例如chrome),則可以按F12,然後單擊選擇文件按鈕並查看是否有任何錯誤在控制檯中拋出。 – peacemaker

回答

3

TL;博士

你的代碼改成這樣:

$(function() { 
    $('#file_upload').uploadifive({ 
    'debug'    : true, 
    'auto'    : true, 
    'formData'   : {'test' : 'something'}, 
    'queueID'   : 'queue', 
    'buttonText'  : 'ATTACH FILE', 
    'uploadScript'  : '/upload_license', 
    'onUploadComplete' : function(file, data) { 
     console.log(data); 
    }, 
    'onFallback': function(){ 
     alert('HTML5 is not supported in this browser.'); 
    } 
    }); 
}); 

說明

我一直使用Uploadifive,它已經很成功。雖然他們的例子和文檔都使用PHP,但我一直很容易地使用它。

我在代碼中看到的第一個問題是uploadScipt值,它等效於HTML表單中的action屬性。我可以看到您嘗試從".base_application_url()."upload_license/獲取絕對網址,但您只需要相對網址,例如/upload_license/upload_license.php。我使用.NET MVC4,所以我的uploadScript設置爲/upload

另一種可能性是您的瀏覽器可能不支持HTML5版本(可能已過時)。對於一個簡單的測試,添加此選項,當你初始化你上傳

'onFallback': function() { 
    alert('HTML5 is not supported in this browser'); 
} 

如果不支持Uploadifive該代碼會顯示警報。如果是這種情況,請下載Flash版本,並在onFallback回調中初始化該版本。