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

Question

我正在使用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>

我想我需要在文件上传脚本的add 部分添加一些内容，但我不确定是什么。感谢您的提示和建议:)

Answer 1

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

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