.net使用Jquery上传图片

看到一种上传图片的方法,感觉挺d的

不墨迹直接上



 //文件上传Jquery
        function ajaxFileUpload() {
            if ($("#file").val() == "") {
                alert("请选择要上传的文件!");
                return;
            }
            var files = $("#file").get(0).files;
            for (var i = 0; i < files.length; i++) {
                if (files[i].size > 10 * 1024 * 1024) {
                    alert("上传图片不能超过10M");
                    return;
                }
            }
            $.ajaxFileUpload({
                url: url,
                secureuri: false,//是否启用安全提交,默认为false  
                fileElementId: 'file',//文件选择框的id属性  
                dataType: 'json',//服务器返回的格式  
                success: function (result) {
                    alert(result.message);
                },
                error: function (err) {
                    alert(err.statusText)
                }
            });
        }
//获取上传文件
                HttpFileCollection files = Request.Files;
                //文件夹路径(自己按情况修改)
                string configFile = Config.MST_UserFile + RegisterId + "_" + DateTime.Now.ToString("yyyy-MM-dd");
                //若文件夹不存在则新建文件夹   
                if (!Directory.Exists(configFile))
                {
                    Directory.CreateDirectory(configFile); //新建文件夹   
                }
                //上传多个文件
                for (int i = 0; i < files.Count; i++)
                {
                    HttpPostedFile file = files[i];
                    //判断文件类型
                    if (file.ContentType == "image/png" || file.ContentType == "image/jpeg" || file.ContentType == "image/x-png" || file.ContentType == "application/pdf")
                    {
                        //文件路径
                        string fileName = DateTime.Now.ToString("yyyyMMddhhmmss") + "_" + file.FileName.Substring(file.FileName.LastIndexOf("\\ ") + 1);
                        string fname = configFile + "\\" + fileName;
                        file.SaveAs(fname);
                        ///进行数据库插入操作
                    }else
                    {Response.Write("上传文件类型错误");}
                    }
                Response.Write("上传成功");

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
.NET MVC(Model-View-Controller)框架中的图片上传通常涉及到前端表单提交、文件处理库和后端控制器的交互。以下是基本步骤: 1. **前端HTML表单**:创建一个HTML表单,包含`<input type="file">`元素让用户选择图片文件。设置`enctype="multipart/form-data"`属性以便支持文件上传。 ```html <form asp-action="UploadImage" enctype="multipart/form-data"> <input type="file" name="imageFile" /> <button type="submit">上传</button> </form> ``` 2. **AJAX或表单提交**:可以使用JavaScript或jQuery的`$.ajax()`发送异步POST请求到服务器,将选中的图片数据一并提交。 3. **服务器端处理**:在`.NET MVC`控制器中,如`HomeController.cs`,创建一个`[HttpPost]`方法来接收和处理图片上传。 ```csharp public ActionResult UploadImage(IFormFile imageFile) { if (imageFile != null && imageFile.Length > 0) { // 将图片保存到服务器 var filePath = SaveUploadedImage(imageFile); // 可能需要返回文件路径或JSON响应 return Json(new { success = true, filePath }); } else { return BadRequest("图片为空或无效"); } } ``` - `SaveUploadedImage(imageFile)`函数负责将图片保存到指定的目录,并返回存储位置。 4. **文件存储**:可以使用`System.IO`类库中的`FileStream`或`Microsoft.AspNetCore.Http.IFormFile`来处理和保存文件,例如存储到网站的“uploads”文件夹下。 5. **验证和错误处理**:确保检查上传文件的大小、类型和是否允许用户上传恶意文件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值