usercount

关于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>

复制代码

 

posted @   坦荡  阅读(1173)  评论(0编辑  收藏  举报
编辑推荐:
· 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)
· 程序员常用高效实用工具推荐,办公效率提升利器!
点击右上角即可分享
微信分享提示