如何在html/Javascript中实现列表容器?

如何在html/Javascript中实现列表容器?,javascript,html,list,file-upload,Javascript,Html,List,File Upload,您好,我是Html和javascript新手,想了解一些关于如何在Html中实现列表容器的建议,比如当用户使用browse b按钮选择其中一个文件时,这些文件应该显示在列表容器中。 如果列表容器中有一个文件,它也应该默认选中,以便我可以提供查看或删除该文件的选项。请给出一些建议/最佳实践来实现这一点。下面是一个使用JQuery的示例 文件演示 表,th,td{ 边框:1px纯黑; 边界塌陷:塌陷; } th,td{ 填充:4px; } $(文档).ready(函数(){ $(“表格”)。提交

您好,我是Html和javascript新手,想了解一些关于如何在Html中实现列表容器的建议,比如当用户使用browse b按钮选择其中一个文件时,这些文件应该显示在列表容器中。
如果列表容器中有一个文件,它也应该默认选中,以便我可以提供查看或删除该文件的选项。请给出一些建议/最佳实践来实现这一点。

下面是一个使用JQuery的示例


文件演示
表,th,td{
边框:1px纯黑;
边界塌陷:塌陷;
}
th,td{
填充:4px;
}
$(文档).ready(函数(){
$(“表格”)。提交(功能(事件){
event.preventDefault();
//var filename=$('#upfile').val();
//$('ipfile').html(文件名);
var file=$('#ipfile')[0]。文件[0]。名称;
//$('input[type=file]')[0]。文件[0]。名称
var ip=“”;
如果(文件){
ip=console.log(file.name);
}
$('#myTable tbody').last().append(''+文件+'');
});
});
文件列表

使用javascript或更容易使用jquery动态附加到列表中,例如$(“#mylist”).append(“
  • ”+filename+”/
  • ”);--您还可以预先设置,以便最后一个文件位于列表的顶部--太棒了!!请详细说明单击文件时如何查看文件。@Anandj.Kadhi,如果要放置所选文件中的文本内容,请尝试
    $(“#元素id”)。加载(“您的文件名”)此链接可能会有所帮助-