(不适用于.Net Core环境)jquery+WebAPI 上传文件、图片
<!--HTML代码(图片)--> <input type="file" id="file" onchange="changes(this)" />
一、jquery部分
function changes(fileM) { ////获取上传的文件信息 var file = $(fileM).get(0).files[0]; var formData = new FormData(); //图片读取 var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function () { var img = new Image(); //图片前端显示路径 img.src = this.result; } formData.append('file', file); $.ajax({ url: "接口地址", type: "post", //dataType: "json", data: formData, async: false, cache: false, contentType: false, processData: false, success: function (data) { if (data.res == "success") { alert("上传成功!"); } }, }); }
二、 C#后端接口处理参照layui+WebApi上传文件、上传图片