from表单，图片预览，和表单提交

<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