为了账号安全,请及时绑定邮箱和手机立即绑定

如何获取上传文件的文件名,路径,后缀,上传时间

如何获取上传文件的文件名,路径,后缀,上传时间

胡说叔叔 2018-08-06 07:10:19
<div class="form-group">                        <label for="importFile" class="col-sm-1 control-label">导入文件:</label>                        <div class="col-sm-2">                        <!-- style="display:none;" -->                            <input type="file" id="file" name="file" />                        </div>                        <label for="parentId" class="col-sm-1 control-label"></label>                        <div class="col-sm-2">                            <div class="input-group">                                <input type="text" id="filename"/>/文件名            <input type="text" id="filepath"/>路径             <input type="text" id="filesuffix"/>后缀            <input type="text" id="filetime"/>上传时间        //点击导入的时候在text里面显示                            <input type="button" onclick="importFile()" value="导入"/>                            </div>                        </div>                                                                    </div>
查看完整描述

1 回答

?
慕姐4208626

TA贡献1852条经验 获得超7个赞

写了一个例子供你参考,效果见截图,具体见代码内容

https://img1.sycdn.imooc.com//5b7e1ceb0001c7b715110686.jpg

<body>
  <script type="text/javascript">
    function uploadFile(obj) {
      $('#filename').attr("value", obj.files[0].name);      // $('#filepath').attr("value", obj.files[0].name);      $('#filesuffix').attr("value", obj.files[0].type.split('/')[1]);
      $('#filetime').attr("value", new Date(obj.files[0].lastModified));
    }  </script>
  <div class="form-group">
    <label for="importFile" class="col-sm-1 control-label">导入文件:</label>
    <div class="col-sm-2">
      <!-- style="display:none;" -->
      <input type="file" id="file" name="file" onchange="uploadFile(this)" />
    </div>
    <label for="parentId" class="col-sm-1 control-label"></label>
    <div class="col-sm-2">
      <div class="input-group">
        文件名: <input type="text" id="filename" />
        <!-- 路径: <input type="text" id="filepath" /> -->
        后缀: <input type="text" id="filesuffix" />
        上传时间: <input type="text" id="filetime" />
        <input type="button" onclick="importFile()" value="导入" />//点击导入的时候在text里面显示      </div>
    </div>
  </div></body>


查看完整回答
反对 回复 2018-08-23
  • 1 回答
  • 0 关注
  • 1006 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信