码迷,mamicode.com
首页 > Web开发 > 详细

ajaxfileupload 文件上传

时间:2018-06-05 14:06:47      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:ima   一点   格式   heat   turn   NPU   路径   secure   获取参数   

 先引用 ajaxfileupload.js   没有自己去csdn下

 

接下来是HTML


 

<input type="file" id="file1" name="file" style="display: none" accept="image/x-png,image/gif,image/jpeg,image/bmp" multiple="multiple" />
  <button type="button" class="btn btn-info" id="btnFile"><i class="fa fa-cloud-upload">&nbsp;上传</i></button>

其中 accept  可以指定上传格式  multiple="multiple"  此属性可进行多文件选择

 

JS部分

 

 $("#btnFile").click(function () {
        $("#file1").click();
    })
    $("#file1").change(function () {
        if ($("#file1").val().length > 0) {
            ajaxFileUpload();
        }
        else {
            swal({ title: ‘请选择上传文件!‘, text: ‘‘, type: ‘info‘ });
        }
    });

 

 function ajaxFileUpload() {
        $.ajaxFileUpload
        (
            {
                url: ‘/FinancialReimbursement/FinancialReimbursement/Upload‘, //用于文件上传的服务器端请求地址
                type: ‘post‘,
                data: { Id: ‘123‘, name: ‘add‘ }, //此参数非常严谨,写错一个引号都不行
                secureuri: false, //是否需要安全协议,一般设置为false
                fileElementId: ‘file1‘, //文件上传域的ID
                dataType: ‘json‘, //返回值类型 一般设置为json
                success: function (data, status)  //服务器成功响应处理函数
                {
                    alert("上传成功");
                },
                error: function (data, status, e)//服务器响应失败处理函数
                {
                    alert(e);
                }
            }
        )

 

后台部分 

 public ActionResult Upload()
        {
            NameValueCollection nvc = System.Web.HttpContext.Current.Request.Form;

            string type = nvc.Get("name");//获取参数

           HttpFileCollection hfc = System.Web.HttpContext.Current.Request.Files;

          

  if (hfc.Count > 0 )
            {
                #region  执行多个文件上传
                for (int i = 0; i < hfc.Count; i++)
                {
                    var FileNameArr = hfc[i].FileName.Split(‘.‘);
                   
                    string FileName = DateTime.Now.ToString("yyyyMMddhhmmss") + "_" + FileNameArr[0] + "." + FileNameArr[1];
                    imgPath += "/AllFileUp/ForTheAttachment/" + FileName + ",";
                    string imgP = "/AllFileUp/ForTheAttachment/" + FileName;
                    string PhysicalPath = Server.MapPath(imgP);
                   if (!Directory.Exists(Server.MapPath("/AllFileUp/ForTheAttachment")))//存放路径文件夹不存在就自动新建
                   {
                       Directory.CreateDirectory(Server.MapPath("/AllFileUp/ForTheAttachment"));
                   }
                    hfc[i].SaveAs(PhysicalPath);                 
                }
                #endregion 
            }

  return Json(new { count = hfc.Count});//返回保存文件的个数

      } 

 

   写的很乱 第一次写 一点格式都没有 哈哈哈 

 

 

 

 

  

ajaxfileupload 文件上传

标签:ima   一点   格式   heat   turn   NPU   路径   secure   获取参数   

原文地址:https://www.cnblogs.com/manwwx129/p/Manwwx129.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!