uploadifive jQuery上傳非flash版本

Question

我使用jQuery上傳庫uploadify非flash版本稱為uploadifive我得到它安裝，但是當你點擊瀏覽/選擇文件按鈕沒有任何反應時有任何其他問題，如果有的話如何修復謝謝。 HTML基本上只是簡單的上傳輸入和div標簽

$(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);
     });
});

Answer 1

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，但我一直在使用它與.NET一樣容易。

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

另一種可能性是您的瀏覽器可能不支持HTML5版本（可能已過時）。 要進行簡單測試，請在初始化上傳器時添加此選項

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

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