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

Question

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

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

Answer 1

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)