首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在上传前显示文件名?

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

Stack Overflow用户
提问于 2014-11-02 20:12:40
回答 1查看 306关注 0票数 0

我正在使用blueimp/jQuery-文件上传,我试图在上传之前显示文件的名称。我一直在跟踪本教程,目前一切都如期而至。唯一的事情是,我试图在文件上传之前显示一个文件名。我怎样才能做到这一点?我想在文件上传之前显示进度栏。

我已经将上传脚本从该教程中稍微更改了一些,所以上传从用户单击按钮开始:

代码语言:javascript
运行
复制
    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 + '%')

当文件上传开始时,我把它作为脚本:

代码语言:javascript
运行
复制
<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中加入一些东西,但我不确定是什么。谢谢你的提示和建议:)

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-11-02 20:18:15

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

代码语言:javascript
运行
复制
alert(file.name + "Will start uploading")
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26703849

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档