<form>
<input id="file" class="topsub-file" type="file" name="goods_img" onchange="c()" /> 
<a id="img_a"></a>+ <img id="show" alt="" /> 
<input type="submit" value="submit" />
</form>
<script type="text/javascript">
function c() {
    $("#img_a").remove();
    $("#show").show();
    var r= new FileReader();
    f=document.getElementById(\'file\').files[0];
    r.readAsDataURL(f);
    r.onload=function  (e) {
        document.getElementById(\'show\').src=this.result;
    };
}
$("form").submit(function(){
    event.preventDefault();
    var formData = new FormData(this);
    $.ajax({
        url:"xxx.html",
        data:formData,
        dataType:\'json\',
        type:\'post\',
        processData: false,
        contentType: false,
        success:function(res){
            alert(res.msg);
            $("html").trigger(\'click\');
        }
    });
    return false;
});
</script>


//样式还是得后期调，这里是基础必要的代码。
效果展示：，点击上传图片后，表单点击提交后，后台接受$_post和$_FILES

 

 

 

版权声明：本文为fpcing原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/fpcing/p/7478347.html