.net静态html页面 如何 用ajax 上传图片到服务器, 前台应该怎么写 后台如何去接收

柠檬加冰 发布于 2016/01/21 17:56
阅读 1K+
收藏 0

百度上找了好多的资料, 不清楚后台写在上面文件里. 而且也看不懂 ,前台都是aspx页面 而我的是纯html页面 我应该如何去写


.net静态html页面 如何 用ajax 上传图片到服务器, 前台应该怎么写 后台如何去接收

加载中
0
renj99
renj99

1、前台代码

<form action="/Player/PersonPicture" class="form-horizontal" enctype="multipart/form-data" id="form1" method="post">

    <input type="file" id="player_img_url1" name="player_img_url1" />
</form>
<!--别忘了引用jquery-->
<script src="/scripts/plugins/AjaxForm.js"></script>

<script type="text/javascript">
        $(function () {
            $("#btnSave").click(function () {
                $("#form1").ajaxSubmit({
                    type: "post",
                    async: false,
                    url: "/Player/PersonPicture",
                    success: function (data) {
                        if (data.isSuccess) {
                            alert(data.message);
                            location.reload();
                        } else {
                            alert(data.message);
                        }
                    },
                    error: function () {
                        alert("服务器没有响应,请稍后再试!");
                    }
                })
            });
        });

</script>

2、后台接收

public ActionResult PersonPicture(HttpPostedFileBase player_img_url1)

返回顶部
顶部