AjaxForm异步上传表单、图片

一、脚本引入

<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/AjaxForm.js"></script>    //下载链接:http://pan.baidu.com/s/1eQ4FSyQ

二、前台代码

@using (Html.BeginForm("QuestionAdd", "Manage", FormMethod.Post, new { @id="form1",enctype = "multipart/form-data" }))
    {

<input name="questionFile" id="questionFile" type="file" οnchange="UploadQuestionFile(this)" />

}

<script type="text/javascript">

function UploadQuestionFile(a) {
              var aa = $(a).val();
              if (aa != "") {
                  $("#form1").ajaxSubmit({
                      type: "post",
                      async: false,
                      url: "/Manage/QuestionAddFile",//注意提交方法,和form表单默认的可以不一样啊
                      success: function (fURL) {
                          alert("异步上传成功"+fURL);
                      },
                      error: function () {
                          alert("标题图片上传失败!");
                      }
                  })
              }
          }

</script>

三、后台代码

 public string QuestionAddFile(HttpPostedFileBase questionFile)
        {
            if (questionFile != null)
            {
                if (!PicExtensionOk(Path.GetExtension(questionFile.FileName.ToLower())))
                {
                    return "-1";
                }
                if (questionFile.HasFile())
                {
                    string pathRrelative = @"/UploadFile/";//相对路径
                    string pathAbsolute = Server.MapPath(@"~\UploadFile\");//绝对路径
                    if (!Directory.Exists(pathAbsolute))
                    {
                        Directory.CreateDirectory(pathAbsolute); //新建文件夹  
                    }
                    string fileName = string.Empty;
                    
                    fileName = Guid.NewGuid().ToString() + System.IO.Path.GetExtension(questionFile.FileName);
                    questionFile.SaveAs(pathAbsolute + fileName);
                    return pathRrelative+fileName;
                }
            }
            return "-1";
        }


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值