0

私は自分のプロジェクトにこのフォームを持っています

<!--START ELEMENT EXAMPLES  -->
<div class="grid_12">

    <div id="tabs">

        <ul>
            <!-- THESE ARE THE CLICKABLE TAB HEADERS -->

            <li><a href="#tabs-1"><?php echo strtoupper($title); ?></a></li>

        </ul>

        <!-- TAB-1 --> 
        <div id="tabs-1">
            <?php echo form_open_multipart('admin/shop/add_product', 'id="add_product"'); ?>
            <p><label>Nama Produk</label><br/>
                <?php
//                echo form_hidden('kode_produk', $kode_produk);
                $data = array('name' => 'nama_produk', 'class' => 'text medium');
                echo form_input($data);
                ?><br/>
<?php echo form_error('nama_produk'); ?>
            </p>
            <p><label>Deskripsi Produk</label><br/>
                <?php
                $data = array('name' => 'deskripsi', 'class' => 'wysiwyg', 'cols' => 75, 'style' => 'height: 400px;');
                echo form_textarea($data);
                ?><br/>
                <?php echo form_error('deskripsi'); ?>
            </p>
            <p><label>Harga</label><br/>
                <?php
                $data = array('name' => 'harga', 'class' => 'text small');
                echo 'Rp. '.form_input($data);
                ?><br/>
<?php echo form_error('harga'); ?>
            </p>
            <p><label>Stok</label><br/>
                <?php
                $data = array('name' => 'stok', 'class' => 'text small');
                echo form_input($data);
                ?><br/>
<?php echo form_error('stok'); ?>
            </p>
            <p><label>Foto Produk</label><br/>
                <?php
                $data = array('name' => 'foto_produk', 'id' => 'foto_produk');
                echo form_upload($data);
                ?><div id="preview"></div><br/>
<?php echo form_error('foto_produk'); ?>
            </p>
            <p><label>Kategori Produk</label><br/>
                <?php
                echo form_dropdown('id_kategori', $categories, '0', 'class="select"');
                ?><br/>
<?php echo form_error('id_kategori'); ?>
            </p>
            <p><label>Tampilkan di Halaman Publik</label><br/>
                <?php
                echo form_radio('status', 1, TRUE).' Ya '.  form_radio('status', 0, FALSE).' Tidak';
                ?><br/>
<?php echo form_error('status'); ?>
            </p>
            <p>
<?php
$data = array('value' => 'Simpan', 'class' => 'submit');
echo form_submit($data);
?>
                &nbsp;
                <input type="button" value="Batal" class="submit special" onclick="window.location.href='<?php echo site_url(); ?>admin/shop/products'" />
            </p>
<?php echo form_close(); ?>
        </div>   
        <!-- END TAB-1 --> 
    </div>
    <!-- END TABS -->


</div>

私がやりたいのは、写真/画像をアップロードしたいです

<p><label>Foto Produk</label><br/>
                <?php
                $data = array('name' => 'foto_produk', 'id' => 'foto_produk');
                echo form_upload($data);
                ?><div id="preview"></div><br/>
<?php echo form_error('foto_produk'); ?>
            </p>

アップロードされた写真のサムネイルをIDプレビューで表示しますが、最初にすべてのデータをデータベースに保存することはありません。送信をクリックすると、データがデータベースに保存されます。どのプラグインを使用する必要がありますか? jqueryフォームまたはjqueryアップロードファイルまたは何? そしてそれを実装する方法は?

4

2 に答える 2

3

http://fineuploader.com/

PHP の例を含む非常にクリーンなアップロード ライブラリ。

于 2013-01-27T01:42:49.620 に答える
0

通常の jQuery .ajax 呼び出しを使用して画像をアップロードし、サーバーがアップロードされたファイルへのパスを返すようにすることができます。アップロードが成功すると、jQuery コードは画像の URL を呼び出して表示できます。交換は基本的に次のようになります。

jQuery: 画像のアップロード CodeIgniter: アップロードが成功した場合は、アップロードされた画像の URL と相対パスを返します。それ以外の場合はエラーを返します。jQuery: 成功した場合は、返された画像の位置情報に基づいて画像を呼び出して画像を表示し、非表示のフォーム フィールドに位置情報を隠します。失敗した場合は、エラー情報を表示します

フォームの送信時に、その画像情報を渡して、CodeIgniter がそれを取得し、さらなる処理 (サムネイル、アップロード ディレクトリから恒久的なホームへの移動など) を実行できるようにします。

于 2013-01-28T01:20:26.947 に答える