java io流文件操作是很基础的东西,最近正好写了一整套功能,上传,在页面显示文件名、路径、上层目录,并提供下载,删除功能,需求挺简单,代码也不复杂,在这里提供一下,也算作个笔记。
1.文件上传
前端代码:无非就是一个表单提交,写了个动态添加file标签的方法,每个file标签后面对应着下拉框,供选择路径使用,即一个文件对应一个路径。注:如果要上传多个文件,而且路径唯一,那么不需像下面这样一个file标签对应一个文件,而是可以在file标签中加个multipart属性,这样file标签里就可以选择多个文件了。
<form name="xx" action="<%=appRoots%>/require/saveFile.do" method="post" enctype="multipart/form-data" id="formId" class="pageForm required-validate" onsubmit="return iframeCallback(this, dialogAjaxDone1);">
<table id="tb" class="searchContent e-w100" style="border-collapse:separate; border-spacing:0px 13px;">
<tr>
<td>
File:
</td>
<td>
<input type="file" name="photo">
<span>子文件夹:</span><!-- <input type="text" name="subFolder"/> -->
<select name="subFolder">
<option value="">请选择</option>
<option value="接口文档">接口文档</option>
<option value="上线脚本">上线脚本</option>
</select>
<input type="text" name="roleIds" value="${reqId }" readonly="readonly"/>
<button onclick="_del(this);">删除</button>
</td>
</tr>
</table>
<br/><!-- onclick="_submit();" -->
<a height="650" width="850" class="button mr5" onclick="_submit();">
<span>上传</span>
</a>
<a height="650" width="850" class="button mr5" onclick="_add();" >
<span>增加</span>
</a>
</form>
<script type="text/javascript">
function _add(){
var tb = document.getElementById("tb");
//写入一行
var tr = tb.insertRow();
//写入列
var td = tr.insertCell();
//写入数据
td.innerHTML="File:";
//再声明一个新的td
var td2 = tr.insertCell();
//写入一个input
td2.innerHTML='<input type="file" name="photo"/><span>子文件夹:</span> <select name="subFolder"><option value="">请选择</option><option value="接口文档">接口文档</option><option value="上线脚本">上线脚本</option></select><input type="text" name=