ajax表单提交

最新推荐文章于 2024-08-25 13:52:49 发布

原创最新推荐文章于 2024-08-25 13:52:49 发布 · 311 阅读

CC 4.0 BY-SA版权

本文介绍了一种使用PHP和jQuery实现的公司Logo上传与实时预览的方法。通过表单提交和Ajax技术，用户可以轻松更改并即时查看新的公司Logo。

<div id="logoShow">
                                   <img id="firms_info" src="<?php echo Yii::getAlias('@web').$data['firms_logo'];?>" width="190" height="190" alt="公司logo" />
                                   <span>更换公司图片<br />190px*190px 小于5M</span>
                                </div>
                                <form id="picture" action="?r=company-manage/header-img" method="post">
                                <input type="file" id="firms_logo" name="firms_logo" title="支持jpg、jpeg、gif、png格式，文件小于5M" />
                                </form>

                            </div>

                            <span class="error" id="logo_error" style="display:none;"></span>


                        <div class="c_box companyName">



                                                              <h2 title="<?= $data['firms_name'];?>"><?= $data['firms_name'];?></h2>

                                                           <em class="unvalid"></em>
                               <span class="va dn">拉勾未认证企业</span>
                               <a target="_blank" class="applyC" href="">申请认证</a>
                                                        <div class="clear"></div>

                                                                 <h1 title="<?= $data['firms_name'];?>" class="fullname"><?= $data['firms_name'];?></h1>
                              <script>
                               $(function(){
                                   $(":input[name='firms_logo']").change(function(){
                                       var _this=$(this);
                                 // jquery 表单提交
                                   var base = "<?php echo Yii::getAlias('@web')?>";
                           $("#picture").ajaxSubmit(function(msg) {
                           // 对于表单提交成功后处理，message为提交页面saveReport.htm的返回内容
                           // alert(base+msg);
                           $('#firms_info').attr('src',base+msg);
                           });

                           return false; // 必须返回false，否则表单会自己再做一次提交操作，并且页面跳转

                                   })

                               })

                            </script>