猿问

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

<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>


胡说叔叔
浏览 1007回答 1
1回答

慕姐4208626

写了一个例子供你参考,效果见截图,具体见代码内容<body> &nbsp;&nbsp;<script&nbsp;type="text/javascript"> &nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;uploadFile(obj)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('#filename').attr("value",&nbsp;obj.files[0].name);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;$('#filepath').attr("value",&nbsp;obj.files[0].name);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('#filesuffix').attr("value",&nbsp;obj.files[0].type.split('/')[1]); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('#filetime').attr("value",&nbsp;new&nbsp;Date(obj.files[0].lastModified)); &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</script> &nbsp;&nbsp;<div&nbsp;class="form-group"> &nbsp;&nbsp;&nbsp;&nbsp;<label&nbsp;for="importFile"&nbsp;class="col-sm-1&nbsp;control-label">导入文件:</label> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="col-sm-2"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--&nbsp;style="display:none;"&nbsp;--> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="file"&nbsp;id="file"&nbsp;name="file"&nbsp;onchange="uploadFile(this)"&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;<label&nbsp;for="parentId"&nbsp;class="col-sm-1&nbsp;control-label"></label> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="col-sm-2"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="input-group"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文件名:&nbsp;<input&nbsp;type="text"&nbsp;id="filename"&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--&nbsp;路径:&nbsp;<input&nbsp;type="text"&nbsp;id="filepath"&nbsp;/>&nbsp;--> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;后缀:&nbsp;<input&nbsp;type="text"&nbsp;id="filesuffix"&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;上传时间:&nbsp;<input&nbsp;type="text"&nbsp;id="filetime"&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="button"&nbsp;onclick="importFile()"&nbsp;value="导入"&nbsp;/>//点击导入的时候在text里面显示&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;</div></body>
随时随地看视频慕课网APP
我要回答