Как отобразить имя файла перед загрузкой?

Я использую blueimp/jQuery-File-Upload и пытаюсь отобразить имена файлы перед загрузкой. Я следил за этим учебник и на данный момент все работает как положено. Единственное, я пытаюсь отобразить имя файла перед его загрузкой. Как я могу это сделать? Я хотел бы показать индикатор выполнения до начала загрузки файла.

Я немного изменил сценарий загрузки из этого руководства в этот, поэтому загрузка начинается с нажатия пользователем кнопки:

    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 части скрипта загрузки файлов, но я не уверен, что именно. Спасибо за ваши советы и предложения :)


ruby-on-rails javascript jquery jquery-file-upload
person Bosquets    schedule 02.11.2014    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Вы можете показать имя файла, используя file.name как

alert(file.name + "Will start uploading")
person Kimooz    schedule 02.11.2014
comment
Спасибо. Это звучит неплохо! Я хотел бы показать этот индикатор выполнения после того, как я выбрал файлы. Индикатор выполнения теперь показывает, когда пользователь нажимает кнопку отправки. Как вы думаете, как я могу это сделать? Спасибо! - person Bosquets; 02.11.2014