用ajax来上传图片,使用AJAX上传图片

使用AJAX上传图片

Html代码：

JS代码：

$(function () {

$("form").submit(function () {

var MinUpload = $('#MinUpload').get(0).files[0]; //获取上传的文件;//get(0)将Jquery对象转换为DOM对象

var formData = new FormData(); //创建一个formData

formData.append('MinUpload', MinUpload);

$.ajax({

url: '/Man/Process',

method: 'post',

data: formData,

dataType: 'json',

processData: false,//数据处理

contentType: false,//内容类型

cache: false,

async: false,

success: (result) => {

console.log(result);

},

error: (error) => {

}

})

});

})

控制器代码：

public void Process(HttpPostedFileWrapper MinUpload)

{

//将图片上传到 upload 文件夹下 (upload下，且按照时间存放图片)

string baseUrl = AppDomain.CurrentDomain.BaseDirectory + "upload\\";

int year = DateTime.Now.Year;

int month = DateTime.Now.Month;

int day = DateTime.Now.Day;

string dayUrl = baseUrl + year + "\\" + month + "\\" + day;

//判断是否存在年月份文件夹,如果不存在则创建

if (!Directory.Exists(dayUrl))

{

Directory.CreateDirectory(dayUrl);

}

//获取拓展名

string ext = Path.GetExtension(MinUpload.FileName);

//这里可进行判断是否为 合法的格式文件

string avatorName = Guid.NewGuid().ToString();

MinUpload.SaveAs(dayUrl + "\\" + avatorName + ext);

}