Question

我想用文件名，文件大小和一些操作来动态填充表格，一旦用户选择要上传的文件就删除文件，在用户选择文件后以表格格式显示选择上传的文件的详细信息使用jsp，javascript。我已经尝试了下面的代码，但我不知道如何在没有上传的情况下获取文件大小并执行删除操作。当用户选择要上传的文件时，表格应生成显示文件的详细信息，如文件用户提交表单之前的大小，文件路径，文件名等。请在http://jsfiddle.net/s98Tw/4/

中找到类似的方案

JSP代码：

 <table border="1"> <tr>
         <td> <input type="file" name="fileUpload" size="50" id="file1" onchange="addFileData(this)" multiple /></td>
            </tr>
           </table>

         <table border="1">
             <tr>
                    <th>SNo</th><th>FileName</th><th>FileSize</th><th>Action</th> </tr>
                    <tr><td><input type="text" name="sno" id="sno"/></td>
                    <td><input type="text" name="fileName" id="fileName"/></td>
                    <td><input type="text" name="fileSize" id="fileSize"/></td>
                        <td><a href="delete">Delete</a></input></td>
            </tr>

             </table>

JavaScript代码：

function addFileData(field){
   var file_name = document.getElementById("file1").value;
    document.getElementById("fileName").value=file_name;
}

Answer 1

查看Javascript文件类型。您可以使用Web文件API获取文件。

document.getElementById("file1").onchange = function() {
    var file = this.files[0];
    document.getElementById("size").innerHTML = file.size + " bytes";
    document.getElementById("name").innerHTML = file.name;

};

以下是一个小提琴：http://jsfiddle.net/n3zx7/

至于删除 - 您无法从用户的计算机中删除文件。浏览器安全性（以及缺少删除本地文件的方法）阻止了它。

但可以使用*fullPath的浏览器特定实现从文件中获取路径，例如。 file.mozFullPath或file.webkitFullPath

在文件上载之前显示文件的详细信息

1 个答案: