如何通过jQuery及Syncfusion Uploader获取响应头的键值对？

Syncfusion Uploader组件的success回调参数args中包含了底层的XMLHttpRequest对象（xhr），你可以通过它直接读取响应头信息，无需额外用jQuery发起请求。

修改你的代码如下：

<ejs-uploader id="UploadFiles" success="onuploadSuccess" autoUpload=false></ejs-uploader> 

<script>
    function onuploadSuccess(args){
        // 获取底层的XMLHttpRequest对象
        const xhr = args.xhr;
        // 读取指定响应头的值
        const documentNameValue = xhr.getResponseHeader('documentname');
        // 打印键和对应的值
        console.log('键: documentname', '值:', documentNameValue);
        
        // 若需要获取所有响应头，可使用以下方法
        // const allHeaders = xhr.getAllResponseHeaders();
        // console.log(allHeaders);
    }
</script>

关键注意事项 #

如果是跨域请求，需要服务器端配置Access-Control-Expose-Headers，将documentname加入允许前端读取的响应头列表，否则浏览器会限制前端获取自定义响应头。示例后端配置：

Access-Control-Expose-Headers: documentname

内容的提问来源于stack exchange，提问作者topcool