0

我正在使用查询文件上传。我在页面上有几个表格，除了一个名为“项目”的隐藏字段外，每个表格都相同。这是处理上传的咖啡脚本：

jQuery ->
  $(document).ajaxComplete ->
    $('.project_file').fileupload
      dataType: "script"
      url: ($(this).prev('form').attr("action"))
      paramName: 'file_yo'
      formData: (form) -> 
        [{ name: 'authenticity_token',  value: $('meta[name="csrf-token"]').attr('content')}, { name: 'project',value: $(this).prev().val()}]
      alert($(this).prev().val())
      done: (e, data) ->
        $('#finish-text').html "Upload finished"

这是其中一种形式的 html。从 from 到 form 的唯一变化是名为“project”的隐藏字段的值。

<form accept-charset="UTF-8" action="/projects/6/project_files" class="edit_project" data-remote="true" id="project_file_form" method="post"><div style="margin:0;padding:0;display:inline">        <input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="patch"><input name="authenticity_token" type="hidden" value="iIQXYRJfXRFAaSsvSpb4H+HEUMeAI3pubXDRyd+2Ehk="></div>
    <input id="project" name="project" type="hidden" value="6">
    <input authenticity_token="true" class="field file-field project_file" id="" name="file_yo" title="" type="file" value="">  
</form>

问题是 $(this) 是未定义的。当警报出现时，它显示未定义。如何让 $(this) 返回具有类 'project_file' 的特定元素？

更新：

这是咖啡脚本编译的内容：

(function() {
  jQuery(function() {
    $(document).ajaxComplete(function() {
      return $('.project_file').fileupload({
        dataType: "script",
        url: $(this).prev('form').attr("action"),
        paramName: 'file_yo',
        formData: function(form) {
          return [
            {
              name: 'authenticity_token',
              value: $('meta[name="csrf-token"]').attr('content')
            }, {
              name: 'project',
              value: $(this).prev().val()
            }
          ];
        }
      }, alert($(this).prev().val()));
    });
    return {
      done: function(e, data) {
        return $('#finish-text').html("Upload finished");
      }
    };
  });

}).call(this);
4

2 回答 2

0

请记住，选项会在您调用时进行评估，$('.project_file').fileupload()因此即使您期望它是什么，您也会在每个上传者上$(this)设置完全相同。url我不认为ajaxComplete设置任何特定的上下文，因此this在该回调内部本身并不是非常有用。

如果您想为每个实例提供不同的选项，那么您必须这样说：

$('.project_file').each ->
  $(@).fileupload
    #... $(@) should be what you want in here

我不知道你为什么有这个绑定，ajaxComplete但乍一看这似乎很奇怪，我希望这可以由$(document).ready(...).

于 2014-03-21T22:55:33.927 回答
-1

你忘了缩进alert，看看你的代码编译成什么：

jQuery(function() {
  return $(document).ajaxComplete(function() {
    return $('.project_file').fileupload({
      dataType: "script",
      url: $(this).prev('form').attr("action"),
      paramName: 'file_yo',
      formData: function(form) {
        return [
          {
            name: 'authenticity_token',
            value: $('meta[name="csrf-token"]').attr('content')
          }, {
            name: 'project',
            value: $(this).prev().val()
          }
        ];
      }
    }, alert($(this).prev().val()), {
      done: function(e, data) {
        return $('#finish-text').html("Upload finished");
      }
    });
  });
});
于 2014-03-21T22:13:15.883 回答