Question

我正在使用以下jQuery文件上传插件：

https://github.com/blueimp/jQuery-File-Upload/wiki/Options

我需要特定的额外formdata，它说有一个选项，但我得到一个JS错误“Uncaught SyntaxError：Unexpected identifier”并且没有FormData示例，这使得它很难开始工作。

这就是我所拥有的：

$(function () {
    $('.upload').fileUploadUI({
        uploadTable: $('.upload_files'),
        downloadTable: $('.download_files'),
        buildUploadRow: function (files, index) {
            var file = files[index];
            return $(
                '<tr>' +
                '<td>' + file.name + '<\/td>' +
                '<td class="file_upload_progress"><div><\/div><\/td>' +
                '<td class="file_upload_cancel">' +
                '<div class="ui-state-default ui-corner-all ui-state-hover" title="Cancel">' +
                '<span class="ui-icon ui-icon-cancel">Cancel<\/span>' +
                '<\/div>' +
                '<\/td>' +
                '<\/tr>'
            );
        },
        buildDownloadRow: function (file) {
            return $(
                '<tr><td>' + file.name + ' ' + file.type + ' ' + file.size + '<\/td><\/tr>'
            );
        },
  formData: 
   [
     {
       name: '_http_accept'
       value: 'application/javascript'
     },
     {
       name: '<%= session_key_name %>'
       value: encodeURIComponent('<%= u cookies[session_key_name] %>'),
     },
     {
       name: 'authenticity_token'
       value: encodeURIComponent('<%= u form_authenticity_token %>')
     }
   ]
    });
});

Answer 1

您formData中的正确位置没有逗号，我想您希望它像这样：

formData: [
    {
        name: '_http_accept',
        value: 'application/javascript'   
    }, {
        name: '<%= session_key_name %>',
        value: encodeURIComponent('<%= u cookies[session_key_name] %>')    
    }, {
        name: 'authenticity_token',
        value: encodeURIComponent('<%= u form_authenticity_token %>')  
    }
]

请注意，name: ...部分后面有逗号，但value: ...部分没有逗号。

另外，我不认为encodeURIComponent()是适当的转义/编码机制，<%= u ...已经对URI进行了编码。你需要做的就是确保字符串不包含未转义的单引号，所以更像这样的东西可能会起作用（假设这个JavaScript通过ERB）：

value: '<%= cookies[session_key_name].gsub(/'/, "\'") %>'

插件应该处理适当的编码，并且几乎肯定会进行POST，因此URL编码甚至不适用。

此外，您不需要在JavaScript字符串中转义斜杠，它们并不特殊，所以您可以在'</td>'中说'<\/td>'。

我对jQuery-File-Upload一无所知，但修复你的逗号至少应该让你超越你的直接问题（以及新的和更有趣的问题！）。

jQuery文件上传，指定FormData

1 个答案: