1、用/jquery.form.js上传文件,提交前判断是否选择了文件(之前很纠结判断问题,写在beforeSend里面不管什么情况都会提交)
2、用ajax接收信息
3、优化提交按钮样式
HTML页面代码:
<script src="/JS/jquery.form.js" type="text/javascript"></script>
<div class="content"><div class="up_com">
<h3>Upload File </h3>
<form name="form1" id="fileForm" action="/Ajax.ashx?action=SendFiles"role="form" method="post" ENCTYPE="multipart/form-data" οnsubmit="return checkUser();">
<div class="upbtn">
<div class="pc">
<a><span class="btn">Select file :</span><img src="Img/up.png" alt="up" />
</a>
</div>
<input type="file" id="uploadedfile" name="uploadedfile" />
<span id="txtfilename" style="margin:10px; display:block;"></span>
<input type="submit" class="zsk7 submit" value="Click upload" id="upload" />
<div class="loading" style="display:none;">Uploading......</div>
</div>
</form>
</div>
</div>
<script type="text/javascript">
/*上传文件控件*/
$("#uploadedfile").change(function () {
var filename = $(this).val();
var fileTypes = new Array("docx", "doc", "