Uploadifive jQuery上传非flash版本

Question

我正在使用jQuery上传库uploadify非闪存版本，名为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;dr

将您的代码更改为：

$(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中使用它。

我在代码中看到的第一个问题是HTML值，它等同于uploadScipt表单中的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，此代码将显示一个警报。如果是这样的话，下载闪存版本，并在onFallback回调中进行初始化。