form表单附件上传

最新推荐文章于 2023-12-22 13:53:21 发布

张大教主

最新推荐文章于 2023-12-22 13:53:21 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/u014074697/article/details/79354318

版权

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

摘要由CSDN通过智能技术生成

---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>