jquery无刷新上传
<html>
<head>
<title>文件上传</title>
<script type=”text/javascript” src=”../js/jquery-1.6.js”></script>
<script type=”text/javascript” src=”../js/jquery.form.js”></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(‘#myForm’).submit(function() {
var options = {
target: ‘#fileinfo’,
url: ‘filesave.aspx’,
type: ‘post’,
success: function() {
$(‘#filepath’).val($(‘#fileinfo’).text());
//document.forms['myForm'].encoding = ‘application/x-www-form-urlencoded’;
//$(‘#myForm’).submit();
}
};
$(this).ajaxSubmit(options);
return false;
});
});
</script>
</head>
<body>
<h2>表单提交</h2>
<form name=”myForm” id=”myForm” action=”infosave.aspx” method=”post”>
<input type=”file” name=”myfile” />
<input type=”hidden” name=”filepath” />
<input type=”text” name=”username” />
<input type=”submit” value=”Submit” />
</form>
<div id=”fileinfo”></div>
</body>
</html>今天关注插件jQuery Form Plugin，这个插件方便的实现了Ajax方式的表单提交，并能够实现无刷新文件上传等等功能。
相关推荐
EdwardSiCong 2020-11-23
85477104 2020-11-17
hhanbj 2020-11-17
81427005 2020-11-11
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17