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 回答