designFile.js

플러그인 사용을 위해선 도메인을 등록해야 합니다.
플러그인을 설치할 사이트의 도메인을 등록 후 사용법에 따라 이용해 주세요.

designFile.js

input file을 css로 디자인 할 수 있게 해주는 플러그인

사용법

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="//work6.kr/plugin/plugin_link/45"></script>

<style>
/* designFile */
.designFile{
    position:relative;
    display:inline-block;
    cursor:pointer;
    border:1px solid #e2e2e4;
    border-radius: 0px;
    margin:1px 0px;
    width:100%;
    height: 48px;
    line-height: 48px;
    text-indent: 9px;
    background: #fff;
    color:#797979;
}
</style>


<script>
$(function(){

    if ($('[type="file"]')[0]) {
        $('[type="file"]').each(function(){
            $(this).designFile();
        });
    }

});
</script>

<input type="file" name="user_file">

 

 

 

 

설치방법

 

1. Line1 : 제이쿼리를 연결합니다.

 

2. Line2 : 플러그인 사용하기 후 도메인을 등록 합니다. 코드를 복사 그리고 붙여넣기 합니다.

 

3. Line5 ~ 19 : 스타일을 복사 그리고 붙여넣기 합니다. 웹 사이트에 맞게 수정 합니다.

 

4. Line24 ~ 32 : 스크립트를 복사 그리고 붙여넣기 합니다.

 

 

 
 
 
 
 
Install

1. Line 1: Connect the jquery.

 

2. Line2: Register the domain after using the plug-in. Copy and paste code.

 

3. Line 5 ~ 19: Copy and paste the style. Modify it to fit your website.

 

4. Line24 ~ 32: Copy and paste the script.