jQuery-文件-上传前重命名文件

Question

我正在使用库 jQuery-File-Upload 在我的 aws s3 存储桶上上传文件。我的问题是我想在上传之前重命名我的文件，因为如果文件名中有特殊字符，aws 返回的 url 是不正确的，我无法在我的控制器 rails 中打开它.

有没有办法覆盖库中的函数来重命名文件？

谢谢，

Answer 1

在添加：回调中，将 'key' 的 s3 签名从“/somefolder/${filename}”更改为“/somefolder/your-new-name”

s3_signatures = { 
                  key: '/somefolder/${filename}',
                  …
                }

$('.fileupload').fileupload({
  url: url,
  type: 'POST',
  formData: s3_signatures, // adding signature for S3
  add: function(e, data){
    s3_signatures['key'] = '/somefolder/your-new-name';
    data.formData = s3_signatures;
    data.submit();
  } …

Answer 2

我运行在遵循 Heroku 教程后遇到了类似的挑战。我想从文件名中删除空格并根据当前项目添加文件夹前缀。为了在上传到 S3 之前更改文件名，我在客户端修改名称的地方添加了一个 submit callback。

fileInput.fileupload({
    ...
    submit: function (e, data) {
        // Get the original filename
        var fileName = data.originalFiles[0].name
        // Get the prefix from the form 
        var keyPrefix = form.data('key-start')
        // Combine the prefix and the original filename with start/end whitespace removed
        var fullFileName = keyPrefix + fileName.trim();
        // Replace whitespaces with underscores
        // At this step you could replace other special characters as well
        var newFileName = fullFileName.replace(/\s+/g, '_');
        // Update the form data with the new key value
        $(form.data('form-data')).attr("key", newFileName);
        // Set the form data
        data.formData = form.data('form-data');
    },
    ...
});

由于我更改了文件名，因此我需要确保 S3 也知道这一点。本教程在控制器 set_s3_direct_post 方法中建议的 key 值是：

key: "uploads/#{SecureRandom.uuid}/${filename}"

key 方法要求文件名与创建 post URL 时提供的文件名匹配（这不会，因为我没有使用动态 ${filename} 值，我不知道创建直接 post URL 来指定它时的最终文件名）。我使用了 key_starts_with 方法，这样我就可以指定项目文件夹前缀（删除空格），S3 只会评估它是否匹配：

key_starts_with: "#{(current_project.name).strip.split(' ').join('_')}/"

我最后的 set_s3_direct_post 方法是：

def set_s3_direct_post
    @s3_direct_post = S3_BUCKET.presigned_post(key_starts_with: "#{(current_project.name).strip.split(' ').join('_')}/", success_action_status: '201', acl: 'public-read')
end

有关 key_starts_with 的更多详细信息，请参阅 AWS SDK for Ruby。

作为参考，这是我添加了 key-start 数据值的表格：

<%= simple_form_for @asset, html: {class: 'directUpload new_asset', data: { 'form-data' => (@s3_direct_post.fields), 'key-start' => "#{current_project.name}/#{SecureRandom.hex(4)}_" , 'url' => @s3_direct_post.url, 'host' => URI.parse(@s3_direct_post.url).host  } } , :url => project_assets_path(current_project) do |f| %>
    <%= f.input :name %>
    <%= f.input :file, as: :file %>
    <%= f.button :submit, "Add File", class: "addFileButton" %>
<% end %>

在我的例子中，我只将它用于单个文件上传并且只想确保从文件名中删除空格（我是这个上传表单的两个用户之一，所以文件名有特殊字符或其他问题不是问题）。

jQuery-文件-上传前重命名文件

jQuery-File-Upload rename file before upload

javascript

ruby

jquery

ruby-on-rails

amazon-s3