ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

前后端分离 webapi获取前端上传的图片

2021-04-29 22:04:40  阅读:188  来源: 互联网

标签:webapi string 前端 Current SaveTempPath FileSave HttpContext 上传 formData


后端webapi:

  [HttpPost]
        [Route("api/lili/imgupload")]
        public string Imgupload()
        {
            //文件保存目录路径 
            string SaveTempPath = "/upload/head/";
            String dirTempPath = HttpContext.Current.Server.MapPath(SaveTempPath);

            if (!Directory.Exists(dirTempPath))
            {
                Directory.CreateDirectory(dirTempPath);
            }

            HttpRequest request = System.Web.HttpContext.Current.Request;
            HttpFileCollection FileCollect = request.Files;

            HttpPostedFile FileSave = FileCollect[0];  //因为只有图片 使用是0  如果是多个文件 可以使用foreach循环 前端是否from表单上传
            string imgName = DateTime.Now.ToString("yyyyMMddhhmmss");
            string imgPath = SaveTempPath + imgName + FileSave.FileName;     //通过此对象获取文件名
            string AbsolutePath = System.Web.HttpContext.Current.Server.MapPath(imgPath);
            FileSave.SaveAs(AbsolutePath);              //将上传的东西保存
            return "";
        }

前端html:

 <div>
            <input type="file" name="uploadImage" id="uploadImage">
            <input type="button" id="btn" value="上传" />
 </div>

前端jq:

  $("#btn").click(function () {
        var formData = new FormData();
        formData.append("FileUpload1", document.getElementById('uploadImage').files[0]);
        $.ajax({
            url: 'https://localhost:44349/api/lili/imgupload',
            type: "POST",
            data: formData,
            contentType: false,
            processData: false,
            success: function (data) {
                alert(JSON.stringify(data));

            }
        });
    })

 

 

标签:webapi,string,前端,Current,SaveTempPath,FileSave,HttpContext,上传,formData
来源: https://blog.csdn.net/weixin_44087693/article/details/116277772

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有