有关bootstrap-fileinput的使用

==前端

function initFileUpload() {
//设置默认显示图片
        var default_img = $("#hid_default_img").val();
        if (default_img == null & default_img == "") {
            default_img = '/image/default_school_img.jpeg';
        }
        $("#file_schoolLogo").fileinput({
            language: 'zh',
          //  uploadUrl: '/CollegeSchoolManage/CollegeSchools/UploadImage',
            allowedFileExtensions: ['jpg', 'png','jepg'],
            maxFileCount: 1, //表示允许同时上传的最大文件个数
           // hideThumbnailContent: true,
            dropZoneEnabled: true,      //是否显示拖拽区域
            dropZoneTitle: "将图片拖放到这里",
            maxFileSize: 2048, //上传文件最大值,单位kb
            initialPreviewAsData: true,
            initialPreview: [
                default_img
            ],
            showUpload: false,
           /* initialPreviewFileType: 'image',*/
          /*  required: true,*/
            //previewSettings: {
            //    image: { width: "50px", height: "50px" },
            //},
            //maxImageWidth: '200px',
            //maxImageHeight:'200px',
            //uploadExtraData: function () {
            //    var schoolId = $("#hid_school_id").val();
            //    var data = { schoolId: schoolId };
            //    return data;
            //},
            layoutTemplates: {
                actionUpload: '',//去除上传预览缩略图中的上传图片
                //actionZoom: '',   //去除上传预览缩略图中的查看详情预览的缩略图标
                actionDownload: '', //去除上传预览缩略图中的下载图标
                actionDelete: '', //去除上传预览的缩略图中的删除图标
            },
            showPreview: true,
            uploadAsync: true,

        })
    }

====================提交表单数据和图片

 function saveForm(index) {
        if ($('#form').validate().form()) {
            //判断空间
            if ($(".kv-fileinput-error").css('display') != "none") {
                var html = $(".kv-fileinput-error").text();
                ys.msgError(html);
                return false;
            }

            var postData = $('#form').getWebControls({ Id: id });
            //获取一些
            postData["SchoolNatrue"] = $("#schoolNatrueId").find("option:selected").text();
            postData["SchoolLevelName"] = $("#schoolLevelId").find("option:selected").text();

            postData["ProvinceName"] = $("#provinceId").find("option:selected").text();
            postData["CityName"] = $("#cityId").find("option:selected").text();
            postData["AreaName"] = $("#areaId").find("option:selected").text();

            var form_data = new FormData();
            form_data.append("form_data", JSON.stringify(postData))
            form_data.append("School_logo", $("#file_schoolLogo").get(0).files[0]) ;

         
            ys.ajaxUploadFile({
                url: '@Url.Content("~/CollegeSchoolManage/CollegeSchools/SaveFormJson")',
                type: 'post',
                async: false,
                data: form_data,
                dataType:"json",//一定加上
                success: function (obj) {
                    if (obj.Tag == 1) {
                        ys.msgSuccess(obj.Message);
                        parent.searchGrid();
                        parent.layer.close(index);
                    }
                    else {
                        ys.msgError(obj.Message);
                    }
                }
              
            });
        }
    }

====================asp.net core后端

 public async Task<ActionResult> SaveFormJson(string form_data)
        {
            string json_form_data = HttpContext.Request.Form["form_data"];
            var files = Request.Form.Files;
            string newFileName = null;
            if (files.Count>0)
            {
                var school_upload_img_dic = _environment.WebRootPath + "/upload_school_pic/";
                var file = files[0];
                var fileName = file.FileName;
                if (!Directory.Exists(school_upload_img_dic))
                {
                    Directory.CreateDirectory(school_upload_img_dic);
                }
                string temp_time = DateTime.Now.ToString("yyyyMMddHHmmssffff");
                newFileName = "/upload_school_pic/" + "school_img_" + temp_time + System.IO.Path.GetExtension(fileName);
                var newFilePath = school_upload_img_dic + "school_img_" + temp_time + System.IO.Path.GetExtension(fileName);
                using (FileStream fs = System.IO.File.Create(newFilePath))
                {
                    await file.CopyToAsync(fs);
                    fs.Flush();
                }
               
            }
            CollegeSchoolsEntity collegeSchoolsEntity = json_form_data.ToObject<CollegeSchoolsEntity>();
            collegeSchoolsEntity.SchoolLogo = newFileName;

            TData<string> obj = await collegeSchoolsBLL.SaveForm(collegeSchoolsEntity);
            return Json(obj);
        }

使用的一沙框架,感谢

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值