图片上传功能

今天写上传图片,用了很长时间,很是苦恼,最初用原始的表单控件,使用ajax上传,但是上传后一直获取不到文件信息,

最后用的是wui框架,weui框架是先用lrz进行图片压缩,然后发送post请求,图片进行base64转码,后台获取到参数直接用context.request来获取

同事今天说,用base64会使图片变大,原本3M可能会变为4M,但是用了lrz压缩图片,所以这个问题不用担心

图片上传前端代码:

function uploadimgs(obj) {
            var files = obj.files;
            var len = files.length;
            for (var i = 0; i < len; i++) {
                console.log("压缩图片")
                lrz(files[i], { width: 750, fieldName: "file" }).then(function (data) {
                    console.log("图片处理成功")
                    $.ajax({
                        url: "UploadFile.ashx",
                        data: {name: "附加参数", imgbase64: data.base64 },
                        type: "post",
                        dataType: "text",
                        success: function(data){
                            console.log("发送请求成功")
                            console.log(data)
                        },
                        error: function(err){
                            console.log("发送请求失败")
                            console.log(err);
                        }
                    })
                }).then(function (data) {
                    console.log("图片处理失败")
                }).catch(function (err) {
                    console.log(err);
                });
            }
        }

后端代码c#:

context.Response.ContentType = "text/plain";
        string name = context.Request["name"].ToString();
        string file = context.Request["imgbase64"];
        HttpFileCollection file1 = context.Request.Files;
        string result;
        //图片路径
        string filePath = HttpContext.Current.Server.MapPath("~/" + @System.Configuration.ConfigurationManager.AppSettings["ImagePath"]);
        string[] img_array = file.Split(',');
        try
        {
            byte[] bt = Convert.FromBase64String(img_array[1]);//获取图片base64
            string fileName = DateTime.Now.Year.ToString() + DateTime.Now.Month.ToString();//年月
            string ImageFilePath = "/Image" + "/" + fileName;
            if (System.IO.Directory.Exists(HttpContext.Current.Server.MapPath(ImageFilePath)) == false)//如果不存在就创建文件夹
            {
                System.IO.Directory.CreateDirectory(HttpContext.Current.Server.MapPath(ImageFilePath));
            }
            string ImagePath = HttpContext.Current.Server.MapPath(ImageFilePath) + "/" + System.DateTime.Now.ToString("yyyyHHddHHmmss");//定义图片名称
            File.WriteAllBytes(ImagePath + ".png", bt); //保存图片到服务器,然后获取路径  
            result = ImagePath + ".png";//获取保存后的路径
        }
        catch (Exception e)
        {
            context.Response.Write("后台处理失败" + e.Message);
        }
        context.Response.Write("后台处理成功");
        context.Response.End();

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值