JavaScript判断PDF与图片是否可以预览
一、判断图片是否可以预览
在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;
});
},到此这篇关于JavaScript判断PDF与图片是否可以预览的文章就介绍到这了,更多相关JavaScript判断PDF与图片预览内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
element UI中el-dialog实现拖拽功能示例代码
我们在开发中常会遇见拖拽的功能,下面这篇文章主要给大家介绍了关于element UI中el-dialog实现拖拽功能的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
Element中table组件(el-table)右侧滚动条空白占位处理
当我设置了max-height,就会在表格右侧出现一列空白的占位,本文主要介绍了Element中table组件(el-table)右侧滚动条空白占位处理,感兴趣的可以了解一下2023-09-09
antd Form组件方法getFieldsValue获取自定义组件的值操作
这篇文章主要介绍了antd Form组件方法getFieldsValue获取自定义组件的值操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10


最新评论