==前端
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);
}
使用的一沙框架,感谢