ホームページ > ウェブフロントエンド > jsチュートリアル > 更新せずに jQuery アップロード画像プラグイン

更新せずに jQuery アップロード画像プラグイン

PHP中文网
リリース: 2017-09-01 16:35:49
オリジナル
2383 人が閲覧しました

オリジナルの 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. HTML構造

<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>
ログイン後にコピー

3. 4. サーバー側の処理

サーバー側の処理 サーバーがファイルフォームで送信されたデータを受け入れて処理する限り、json データには src 項目が含まれている必要があります。 {'src':'

http://www.gouguoyin.cn/template/default /images/avatar.jpg'} として、以下は例として PHP を使用した簡単なデモンストレーションです

以上が更新せずに jQuery アップロード画像プラグインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート