$thumbnailUrl) {
$largeUrl = $largeImages[$index];
if ($hasLink) {
$html .= "
";
} else {
$html .= "";
}
}
return $html;
}
return $html;
}
/*
* 返回oss的url
*/
public static function ossUrl($imageUrl)
{
if (strpos($imageUrl, 'http:') === 0 || strpos($imageUrl, 'https:') === 0) {
return $imageUrl;
}
if (env('OSS_DOMAIN')) {
return "http://".env('OSS_DOMAIN').'/'.$imageUrl;
}
return "http://".env('OSS_BUCKET').'.'.env('OSS_ENDPOINT').'/'.$imageUrl;
}
/*
* 图库图片URL
*/
public static function albumUrl($imageUrl)
{
if (strpos($imageUrl, 'http:') === 0 || strpos($imageUrl, 'https:') === 0) {
return $imageUrl;
}
return env('ALBUM_OSS_URL').'/'.$imageUrl;
}
/*
* 显示视频
*/
public static function displayVideo($items,$videoCover,$videoSrc,$boxSize=150,$ossSource=1)
{
$html = '';
if (is_array($items)) {
foreach ($items as $item) {
$item = (array) $item;
$cover = $item[$videoCover];
$src = $item[$videoSrc];
if ($ossSource == 1) {
$videoUrl = CommonHelper::ossUrl($src);
} else {
$videoUrl = CommonHelper::albumUrl($src);
}
if ($ossSource == 1) {
$thumbnailUrl = CommonHelper::ossUrl($cover) . "?x-oss-process=image/resize,m_pad,h_{$boxSize},w_{$boxSize},color_ffffff";
} else {
$thumbnailUrl = CommonHelper::albumUrl($cover) . "?x-oss-process=image/resize,m_pad,h_{$boxSize},w_{$boxSize},color_ffffff";
}
$html .= '
`);
const \$btn = $(this).parent().find('.download-btn').first();
\$btn.click(function() {
const btn = $(this);
btn.addClass('disabled');
downloadImage(
btn.closest('.download-wrapper').find('img')[0].src,
fileName
).finally(() => btn.removeClass('disabled'));
});
// 全屏放大功能
$(this).next().find('.zoom-btn').click(function() {
let imgSrc = $(this).closest('.download-wrapper').find('img').attr('src');
imgSrc = imgSrc.replace(/\?.*$/, '');
fullscreenImage.attr('src', imgSrc);
fullscreenOverlay.fadeIn(200);
});
});
}
// 关闭全屏
fullscreenOverlay.click(function(e) {
if (e.target === this) $(this).fadeOut(200);
});
function downloadImage(url, filename) {
return new Promise((resolve, reject) => {
fetch(url)
.then(response => {
if (!response.ok) throw new Error('网络异常');
return response.blob()
})
.then(blob => {
const blobUrl = URL.createObjectURL(blob);
console.log(blobUrl);
const link = document.createElement('a');
link.href = blobUrl;
link.download = filename || 'image.jpg';
document.body.appendChild(link);
link.click();
setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(blobUrl);
}, 100);
resolve();
})
.catch(error => {
console.error(error);
alert('下载失败');
reject(error);
});
});
}
initDownloadButtons();
JS);
}
/*
* 用于详情页，图片下载与放大 HTML
*/
public static function viewDownloadEnlargeHtml() {
return '';
}
}