毕业论文开发语言企业开发JAVA技术.NET技术WEB开发Linux/Unix数据库技术Windows平台移动平台嵌入式论文范文英语论文
您现在的位置: 毕业论文 >> WEB开发 >> 正文

jquery+ajaxSubmit无刷新上传图片源代码

更新时间:2012-9-26:  来源:毕业论文

用jquery ajaxSubmit插件写了个无刷新上传图片的脚本,火狐和谷歌下可以但是IE下就有问题,找了半天也没找到解决方法。


但是如果把“uimg”不隐藏,直接点这个文件浏览选择图片上传在各个浏览器下都没问题。


HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <META HTTP-EQUIV="pragma" CONTENT="no-cache"> 
        <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate,no-store"> 
        <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 
        <META HTTP-EQUIV="expires" CONTENT="0">
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
        <title>发布商品</title>

        <script type="text/javascript" src="http:-//www.weddingdress-oem-.com/mn/js/jquery.js"></script>
       
        <script type="text/javascript" src="http-://www.weddingdress-oem.-com/mn/js/jquery.form.js"></script>
        <script type="text/javascript">
            $(document).ready(function(vv){   
                //图片上传
                $("#maolian").click(function(){
                    $("#uimg").click();
                });
               
                $("#uimg").change(function(){
                    var v = ($("#uimg").val());                                   
                    if ($("#uimg").val()){   
                        alert(v);
                        $("#upimgform").ajaxSubmit({
                                //dataType:'script',
                                type:'post',
                                url: "upaimg.php",   
                                beforeSubmit: function(){
                                    $("#maolian").html("图片上传中...");
                                    //$("#yulan").html("");
                                },
                                success: function(data){                   
                                    $("#maolian").html("上传图片");               
                                    $("#yulan").append(data);
                                },
                                resetForm: false,
                                clearForm: false
                        });
                        //$("#upimgform").submit();
                    }
                });
            });
        </script>
    </head>

[1] [2] 下一页

设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©youerw.com 优尔论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。