form 上传图片

<form id="headImgForm" method="post" class='w230' enctype="multipart/form-data"> <!-- 加enctype-->
                        <input type="hidden" name="UserID" id="UserID" value="<%=CurrentUser.UserID %>" />
                        <input type="hidden" name="headimg" id="headimg" value="<%=CurrentUser.HeadImgLoc %>" />
                        <input type="hidden" name="headimgurl" id="headimgurl" value="<%=Sysconfig.ImgUrl %>" />
                        <div class="head-portrait-buyt">
       <div class="file-head">
                                <input type="file" class="gnhu" name="HeadImgLoc" id="HeadImgLoc" οnchange='uploadImg(this)'/> <!-- 不要runat-->
       <a href="javascript:;" class="file-buyty">选择图像</a>
       </div>
       <div class="nuyu">支持jpg、jpeg、gif、png、bmp格式,且照片小于10M</div>
       </div>
       <div class="portrait-vgy"><img src="/theme/default/image/personal/txd.jpg" id="preview"/></div>
       <div class="portrait-liyu">
       <div class="name">图片预览</div>
       <div class="pott-120">
       <img src="/theme/default/image/personal/tx1.jpg" id="preview1"/>
       <p>120px*120px</p>
       </div>
       <div class="pott-80">
       <img src="/theme/default/image/personal/tx2.jpg" id="preview2"/>
       <p>80px*80px</p>
       </div>
       <div class="pott-45">
       <img src="/theme/default/image/personal/tx3.jpg" id="preview3"/>
       <p>45px*45px</p>
       </div>
       <div class="clear"></div>
       <a href="javascript:;" class="port-buyty" id="saveBtn">保 存</a>
       </div>

                    </form>


<script type="text/javascript">

$("#saveBtn").click(function () {
            var vs = Easy.Form.getValues(Easy.get("headImgForm"));
            vs.form = Easy.get("headImgForm");  //获取一下form
            Jade.upload("User+", "UpdateHeadImg", vs, function (d) {   //用upload而非ajax
                if (d && !d.exception) {
                    Jade.Msg.alert("修改成功!", function (s) {
                        if (s && !s.exception) {
                            location.href = location.href;
                        }
                    });
                }
                else {
                    Jade.Msg.error(d.message);
                }
            });
        });

</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值