jquery - Uploadive jQuery 上传非 Flash 版本

Question

我正在使用名为 uploadifive 的 jQuery 上传库 uploadify 非 flash 版本，我安装了它，但是当您单击浏览/选择文件按钮时出现了一个奇怪的问题，没有任何反应，还有其他人遇到过这个问题吗？如果是这样，如何修复，谢谢。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 版本(可能已过时)。为了方便测试，请在初始化 uploader 时添加此选项

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

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