ajax 上传文件给webapi(带basic认证)

复制代码
 
    $('#btnupload').on('click', function () {
        var fd = new FormData();
        var reportid = window.location.href.split('=')[1];
        fd.append("report_id", reportid);
        fd.append("txtfile", $("#txtfile").get(0).files[0]);
        $.ajax({
            url: "http://localhost:8081/api/file/PostFile",
            type: "POST",
            processData: false,
            contentType: false,
            headers: {
                "Authorization": "Basic " + btoa("admin" + ":" + "698d51a19d8a121ce581499d7b701668")
            },
            data: fd,
            success: function (d) {
                layer.msg('上传成功', { time: 1000 }, function () {
                    window.location.href = "@Url.Action("Index", "ReportList")";
                });
            }
        });
    });
复制代码
   <input name="txtfile" id="txtfile" type="file" /><br />
                                        <input name="btnupload" class='btn btn-primary fa fa-save' id="btnupload" type="button" value="上传" />

 

posted @   .NET_海  阅读(197)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
点击右上角即可分享
微信分享提示