＜img＞设置header

思想永无止境

已于 2022-10-25 23:27:46 修改

阅读量927

点赞数

分类专栏： Web前端文章标签： javascript 前端

于 2022-10-10 09:56:17 首次发布

欢迎转载，转载请注明原地址，谢谢！

本文链接：https://blog.csdn.net/u012643122/article/details/127239089

版权

Web前端专栏收录该内容

85 篇文章 1 订阅

订阅专栏

	function getCaptcha(){
		var xhr = new XMLHttpRequest()
		xhr.responseType = 'blob';
		xhr.open('get', Constant.openfrontCaptchaUrl+"?"+new Date().getTime(), true)
		var jwtToken=$.cookie(Constant.tokenCookieKey);
		if(!Utils.isEmpty(jwtToken)){
			xhr.setRequestHeader(Constant.tokenHeaderKey,jwtToken);
		}
		xhr.onreadystatechange = e => {
			if (xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) {
				$('#captcha_img').get(0).src = URL.createObjectURL(xhr.response);
				$('#captcha_img').get(0).onload = () => {
					URL.revokeObjectURL($('#captcha_img').get(0).src);
				}
			}
		};
		xhr.send(null);
	}
	getCaptcha();

	$('#captcha_img').click(function() {
		getCaptcha();
	})