> 웹 프론트엔드 > JS 튜토리얼 > 새로 고침 없이 jQuery 업로드 이미지 플러그인

새로 고침 없이 jQuery 업로드 이미지 플러그인

PHP中文网
풀어 주다: 2017-09-01 16:35:49
원래의
2376명이 탐색했습니다.

원래 jQuery 이미지 업로드 플러그인은 서버측 업로드, 미리보기, 삭제, 확대, 업로드 수량 및 크기 제한, 업로드 전, 업로드 중, 업로드 후에 콜백 기능을 지원합니다.

새로 고침 없이 jQuery 업로드 이미지 플러그인

사용방법
1. 먼저 jquery를 소개하고 플러그인의 CSS와 js를 먼저 소개해주세요

<link href="./css/upload.css" type="text/css" rel="stylesheet" />
<script src="./js/jquery.js"></script>
<script src="./js/upload.js"></script>
로그인 후 복사

2. 플러그인 구성

<div class="upload-box">
    <p class="upload-tip">作品图片:最多可以上传5张图片,马上上传</p>
    <div class="image-box clear">
        <section class="upload-section">
            <div class="upload-btn"></div>
            <input type="file" name="file" id="upload-input" value=""/>
        </section>
    </div>
</div>
로그인 후 복사

4. 서버측 처리

서버측 처리 서버가 파일 형식으로 제출한 데이터를 승인하고 처리하는 한, json 데이터에는 src 항목이 포함되어야 합니다. {'src':'

http://www.gouguoyin.cn/template/default /images/avatar.jpg'}로, 다음은 PHP를 예로 들어 간단한 데모입니다

위 내용은 새로 고침 없이 jQuery 업로드 이미지 플러그인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿