jquery无刷新上传

最新推荐文章于 2021-10-13 12:12:13 发布

fuzhaohui202

最新推荐文章于 2021-10-13 12:12:13 发布

阅读量88

点赞数

分类专栏： Javascript资料库文章标签： jquery form

本文链接：https://blog.csdn.net/fuzhaohui202/article/details/84358889

版权

Javascript资料库专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<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方式的表单提交，并能够实现无刷新文件上传等等功能。