ajaxSubmit 提交表单实现图片上传
<html> <head> <meta content="text/html"; charset=utf8 /> <title>AjaxSubmit提交方法,实现图片上传功能</title> <script type="text/javascript" language="javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" language="javascript" src="jquery.form.js"></script> <script type="text/javascript"> <!-- $(function (){ var options = { target: '#showmsg', beforeSubmit:showStart, success:showSuccess //dataType: 'html' }; $('#form').submit(function(){ $(this).ajaxSubmit(options); return false; }); }); function showStart(){ //alert('开始提交'); return true; } function showSuccess(data){ //alert('<img src="'+data+'"/>');exit; $("#img").html('<img src="'+data+'"/>'); } </script> <form action="chuli.php" method="post" id="form" enctype="multipart/form-data"> <div id="showmsg"></div> <p id="img">text</p> <input type="file" name="file" /> <input type="submit" value="提交"/> </form> </body> </html> chuli.php <?PHP (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |