zoukankan      html  css  js  c++  java
  • 关于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>

  • 相关阅读:
    IOS回调机制总结
    2.25~当svn服务器ip地址变了怎么办?
    ubuntu硬件信息,内存DDR详细信息
    关于JS相等比较算法(==)的原理
    ubuntu更改鼠标滚轮方向为自然方向(运动方向和滚轮滚动方向一致)
    C#模拟js的Json对象创建,操作
    关于json返回日期格式化的解决方案
    js定时器 timer
    ubuntu GUI界面复制文件没权限的解决方案
    CodeSmith 模板
  • 原文地址:https://www.cnblogs.com/tdws/p/4293474.html
Copyright © 2011-2022 走看看