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/获取绝对网址，但您只需要相对网址，例如/upload_license或/upload_license.php。我在.NET MVC4中使用它，因此我的uploadScript设置为/upload。

另一种可能性是您的浏览器可能不支持HTML5版本（可能已过时）。要进行简单测试，请在初始化上传器时添加此选项

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

如果不支持Uploadifive，此代码将显示警告。如果是这种情况，请同时下载Flash版本并在onFallback回调中初始化。