<a href="javascript:void(0);" onclick="previewAjax('다운로드 파일위치', '실 파일내용이름')" title="바로보기">
예시)
<a href="javascript:void(0);" onclick="previewAjax('https://housing.seoul.go.kr/site/main/file/download/uu/2f370509ad944736aeafb2c8cc4c507a', '서울시 반지하·노후 저층주택 _안심 집수리_ 참여하세요.pdf')" title="바로보기">
<script>
jQuery(function($){
    
});
function previewAjax(file_url, file_name) {
    var apiKey = 'MHTEN2A8RCHAOSTZTMT4MQ';
    var cc = 'sg_093';
    var fileUrl = encodeURIComponent(file_url);
    var fileName = encodeURIComponent(file_name);
    window.open('https://seoul.viewstory.net/previewAjax.do?apikey={0}&cc={1}&url={2}&fileName={3}'
                .format(apiKey, cc, fileUrl, fileName),'a', 'width=1200, height=1000, left=100, top=50');}
function preListen(file_url, file_name) {
    var apiKey = 'MHTEN2A8RCHAOSTZTMT4MQ';
    var cc = 'sg_093';
    var fileUrl = encodeURIComponent(file_url);
    var fileName = encodeURIComponent(file_name);
    window.open('https://seoul.viewstory.net/voiceOverAjax.do?apikey={0}&cc={1}&url={2}&fileName={3}'
    .format(apiKey, cc, fileUrl, fileName), 'a', "width=1200, height=1000, left=100, top=50");}

String.prototype.format = function() {
    var formatted = this;
    for( var arg in arguments ) {
        formatted = formatted.replace("{" + arg + "}", arguments[arg]);
    }
    return formatted;
};
</script>