Ajax表单提交上传文件

约定不等于承诺〃 2022-07-18 05:15 185阅读 0赞

**Ajax表单提交上传文件：**

**html 部分：**

**Ajax 部分：**

//--------------------------------------------
            //上传背景图片
            function ajaxFileUpload() {
                    $.ajax({
                            url: 'xxx',
                            type: 'POST',
                            cache: false,   //上传文件不需要缓存
                            data: new FormData($('#uploadForm')[0]),
                            processData: false,
                            contentType: false  //且已经声明了属性enctype="multipart/form-data"，所以这里设置为false。
                        }).done(function (res) { //完成 
                        }).fail(function (res) { //失败
                     });
            }

**后台部分：保存为Base64的字符串**

/// <summary>
            ///上传图片信息
            /// </summary>
            /// <param name="request"></param>
            /// <returns></returns>
            public object GetFileImgUploade(RequestContext request)
            {
                try
                {
                    var file = request.HttpContext.Request.Files["file"];
                    var filetype = Path.GetExtension(file.FileName);
                    var type = request.HttpContext.Request["type"];
                    Stream stream = file.InputStream;
                    byte[] bytes = new byte[stream.Length];
                    stream.Read(bytes, 0, bytes.Length);
                    // 设置当前流的位置为流的开始
                    stream.Seek(0, SeekOrigin.Begin);
                    string inputString = System.Convert.ToBase64String(bytes, 0, bytes.Length);
                    return new { success = true, msg = "上传成功", };
                }
                catch (Exception ex)
                {
                    return new { success = false, msg = "系统异常" };
                }
            }