Javascript 上传后如何显示文件内容
在我的应用程序中，jsp页面中有一个函数，允许用户上传多个文件，并显示所有上传文件的列表。我的问题是，我可以添加一个函数，这样，如果用户单击上传的文件，它就会在窗口中显示其内容。只允许使用PDF和JPEG文件类型。我不介意使用javascript或者我是否需要任何类型的API。下面是示例代码。如果你不确定我在问什么，请添加一条评论，我会立即回复Javascript 上传后如何显示文件内容,javascript,spring,jsp,file-upload,Javascript,Spring,Jsp,File Upload,在我的应用程序中，jsp页面中有一个函数，允许用户上传多个文件，并显示所有上传文件的列表。我的问题是，我可以添加一个函数，这样，如果用户单击上传的文件，它就会在窗口中显示其内容。只允许使用PDF和JPEG文件类型。我不介意使用javascript或者我是否需要任何类型的API。下面是示例代码。如果你不确定我在问什么，请添加一条评论，我会立即回复 <%@taglib uri="http://www.springframework.org/tags/form" prefix="form
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<html>
<head>
<title>Spring MVC Multiple File Upload</title>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
//add more file components if Add is clicked
$('#addFile').click(function() {
var fileIndex = $('#fileTable tr').children().length - 1;
$('#fileTable').append(
'<tr><td>'+
' <input type="file" name="files['+ fileIndex +']" />'+
'</td></tr>');
});
});
</script>
</head>
<body>
<h1>Spring Multiple File Upload example</h1>
<form:form method="post" action="save.html"
modelAttribute="uploadForm" enctype="multipart/form-data">
<p>Select files to upload. Press Add button to add more file inputs.</p>
<input id="addFile" type="button" value="Add File" />
<table id="fileTable">
<tr>
<td><input name="files[0]" type="file" /></td>
</tr>
<tr>
<td><input name="files[1]" type="file" /></td>
</tr>
</table>
<br/><input type="submit" value="Upload" />
</form:form>
</body>
</html>
SpringMVC多文件上传
$（文档）.ready（函数（）{
//如果单击“添加”，则添加更多文件组件
$（'#addFile'）。单击（函数（）{
var fileIndex=$（'#fileTable tr'）.children（）.length-1；
$（'#fileTable'）。追加(
''+
' '+
'');
});
});
Spring多文件上传示例
选择要上载的文件。按Add按钮添加更多文件输入