什么是电子商务网站建设,wordpress分类页面空白,网站demo 工具,滨州淘宝网站建设一、判断图片是否可以预览
在JavaScript中#xff0c;可以使用Image对象来判断一个图片URL是否可以访问。如果图片可以被加载#xff0c;那么load事件会被触发#xff1b;如果图片无法访问#xff0c;error事件会被触发。
function checkImageAccessibility(url, callbac…一、判断图片是否可以预览
在JavaScript中可以使用Image对象来判断一个图片URL是否可以访问。如果图片可以被加载那么load事件会被触发如果图片无法访问error事件会被触发。
function checkImageAccessibility(url, callback) {var img new Image();img.onload function() {callback(true); // 图片可以访问};img.onerror function() {callback(false); // 图片无法访问};img.src url;
}// 使用示例
checkImageAccessibility(https://example.com/image.jpg, function(accessible) {console.log(图片可访问性, accessible ? 是 : 否);
});
在这个例子中checkImageAccessibility函数接收一个图片URL和一个回调函数。Image对象的src属性被设置为这个URL然后监听load和error事件。当图片加载成功或失败时相应的处理函数会被调用并且回调函数会被执行传递一个布尔值表示图片是否可以访问。 二、判断PDF是否可以预览
访问PDF的地址判断地址是否可以访问到这里的请求响应使用blob pdfPreview(fileUrl) {this.loading true;axios({url: fileUrl,method: GET,responseType: blob,}).then((res) {if (res.status ! 200) return;setTimeout(() {this.loading false;}, 300);this.pdfContainerVisible true;this.$nextTick(() {let url ;if (fileUrl.startsWith(http://)) {url fileUrl.substring(5);} else if (fileUrl.startsWith(https://)) {url fileUrl.substring(6);} else {url fileUrl;}PDFObject.embed(url, #pdf-container, {width: 100%});});}).catch(() {this.loading false;this.otherVisible true;});},
