form表单附件上传

最新推荐文章于 2023-12-19 23:41:38 发布

原创

最新推荐文章于 2023-12-19 23:41:38 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何使用HTML form表单结合JavaScript实现文件上传功能。通过一个简单的表单，用户可以选择文件并点击上传按钮，JavaScript函数`okUpload()`检查文件是否选择，并调用`upload()`函数进行异步POST请求，将文件数据发送到服务器。成功上传后，文件链接将被添加到页面中供用户访问。

---css---
<form id="uploadForm" method="post" action="../userSelfSer/insertUploadFile.action" enctype="multipart/form-data">
	<table>  
		<tr>  
		    <td id="photo" style="padding-left:10px;">  
			<input name="uploadFile" id="uploadFile" class="easyui-filebox"  labelPosition="top" data-options="buttonAlign:'left',buttonText: '                            浏      览    <i class=\'icon-search\'> </i>',prompt:'请选择待上传文件...'" style="width:300px;"></td>
		    <td style="padding:10px;" >  
			<a class="btn btn-mini btn-info" href="javascript:okUpload();" id="btnOK">上  传 </a>   
		    </td>   
		</tr>  
	</table> 
</form>

---js----
/**附件上传*/
	function okUpload(){
		if(editId==undefined){
			var epath = $('#uploadFile').filebox('getValue');
			if(isNotEmpty(epath)){
				var len=ep