사진을 누르면 바로 사진 다운로드가 되게 하려면..
본문
사진을 첨부하면 사진이 상세화면에서 썸네일로 나오게 되고,
이 사진을 클릭하면 원본사진이 새 창으로 나오는 게 기본으로 되어 있는데,
이걸 수정해서
사진을 클릭하면 원본사진이 바로 다운로드되게 하는 방법이 있을까요?
일반 스킨에서 사용하고자 하는데... 혹시 가능할까요?
답변 2
view.skin.php 파일에 아래 bold 처리한 부분 참고해서 작업해보세요.
썸네일이 있어야 된다고 해서 jquery 로 작업했습니다.
sss_+e 는 파일 저장할 때 파일명입니다. 적당히 수정하시면 됩니다.
e 는 0부터 시작해서 이미지 번호입니다.
단, 에디터에서 첨부한 이미지는 작동 안됩니다.
글쓰기 본문 아래에 있는 파일첨부한 이미지만 됩니다.
// 파일 출력
$v_img_count = count($view['file']);
if($v_img_count) {
echo "<div id=\"bo_v_img\">\n";
$ori_img = array();
$ori_ext = array();
for ($i=0; $i<=count($view['file']); $i++) {
$u = $i - 1;
$ori_img[] = $view['file'][$i]['path'].'/'.$view['file'][$i]['file'];
$ori_ext[] = explode('.', $view['file'][$i]['file'])[1];
echo get_file_thumbnail($view['file'][$i]);
}
echo "</div>\n";
?>
<script>
$(function(){
$('.view_image').each(function(e){
var ori_img = <?php echo json_encode($ori_img)?>;
var ori_ext = <?php echo json_encode($ori_ext)?>;
var vi = $(this);
vi.removeAttr('href');
vi.attr('download', 'sss_'+e+'.'+ori_ext[e]);
vi.attr('href', ori_img[e]);
vi.removeAttr('target');
vi.removeAttr('class');
});
});
</script>
<?php } ?>
<!-- 본문 내용 시작 { -->
참고 링크
https://stackoverflow.com/questions/2408146/href-image-link-download-on-click
테스트 링크
$('.view_image').each(function(e){
이 부분 아래처럼 변경하면 에디터로 첨부한 이미지는 적용 안됩니다.
$("#bo_v_img").find('.view_image').each(function(e){
답변 감사합니다. 혹시 에디터로 올린 사진에 대해서도 클릭하면 원본 다운로드가 가능하게 가능할까요?
본문 div id 는 bo_v_con 입니다.
$("#bo_v_con").find('.view_image').each(function(e){
// 이곳에 위 코드 참고해서 넣으면 됩니다.
});
에디터로 올린 원본 이미지는 아래처럼 썸네일이 생성됩니다.
/data/editor/2112/thumb-원본이미지파일명_가로x세로.jpg
이 썸네일의 원본은 아래처럼 저장되어 있습니다.
/data/editor/2112/원본이미지파일명.jpg
썸네일 이미지 경로 구한 다음 원본 이미지 경로 추가해서 하면 됩니다.
위 코드처럼 php 배열 선언해서 할 필요는 없습니다.
그리고 gif 는 view_image 클래스로 감싸져 있지 않아서 따로 작업해야 됩니다.
감사합니다~ ^^
