关于jq ajax封装以及ajax上传Webapi
jq的ajax完整版本
$(function () {
fileChange();
});
function fileChange() {
$('#fileinput').change(function () {
ajaxUploadImg();
});
}
function ajaxUploadImg() {
var formData = new FormData($('#idcardA')[0]);
$.ajax({
url: appObj.baseApiUrl + '/userinfo/UploadIDCardInfo', //server script to process data
type: 'POST',
datatype: 'json',
contentType: false,
xhr: function () { // custom xhr
myXhr = $.ajaxSettings.xhr();
if (myXhr.upload) { // check if upload property exists
myXhr.upload.addEventListener('progress', progressHandlingFunction, false); // for handling the progress of the upload
}
return myXhr;
},
//Ajax事件
//beforeSend: beforeSendHandler,
success: function (data) {
$('#idCardimg').attr('src', appObj.baseUrl + data);
},
error: function () {
alert('error');
},
// Form数据
data: formData,
//Options to tell JQuery not to process data or worry about content-type
cache: false,
processData: false
});
}
上传身份证正面照片:
<form id="idcardA" enctype="multipart/form-data">
<input id="fileinput" name="file" type="file" />
</form>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 数据库服务器 SQL Server 版本升级公告
· C#/.NET/.NET Core技术前沿周刊 | 第 23 期(2025年1.20-1.26)
· 程序员常用高效实用工具推荐,办公效率提升利器!