如何在上传前显示文件名?

时间:2014-11-02 20:12:41

标签: javascript jquery ruby-on-rails jquery-file-upload

我正在使用blueimp/jQuery-File-Upload,我试图在上传之前显示文件的名称。我关注this tutorial,现在一切都按预期工作了。唯一的问题是我在上传文件之前尝试显示文件名。我怎么能做到这一点?我想在文件开始上传之前显示进度条。

我已将上传脚本从该教程中稍微更改为此,因此上传以用户点击按钮开始:

    jQuery ->
  $('#new_avatar').fileupload
    dataType: "script"
    add: (e, data) ->
      file = data.files[0]
        data.context = $("#button1").click( ->
          data.context = $(tmpl("template-upload", file))
          $('#new_avatar').append(data.context)
          data.submit()
        )
    progress: (e, data) ->
      if data.context
        progress = parseInt(data.loaded / data.total * 100, 10)
        data.context.find('.bar').css('width', progress + '%')

我在文件上传开始时将其作为脚本:

<script id="template-upload" type="text/x-tmpl">
  <div class="upload">
    {%=o.name%}
    <div class="progress">
      <div class="bar" style="width: 0%">
      </div>
    </div>
  </div>
</script>

我想我需要在fileupload脚本的add部分内部,但我不确定是什么。感谢您的提示和建议:)

1 个答案:

答案 0 :(得分:3)

您可以使用file.name显示文件名

alert(file.name + "Will start uploading")