Codeigniter和ajax jquery文件上传

我的项目上有这个表格

<!--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>

一个非常干净的上载库，包含PHP示例。

一个非常干净的上载库，包含PHP示例。
您可以使用常规jQuery.ajax调用来上载图像，并让服务器返回上载文件的路径。成功上传后，jQuery代码可以调用图像的url并显示它。交易所基本上将遵循以下原则：

jQuery：上传图像
CodeIgniter：如果上传成功，返回上传图像的url和相对路径，否则返回错误。
jQuery：如果成功，根据返回的图像位置信息调用图像以显示图像，并将位置信息隐藏在隐藏的表单字段中。如果失败，则显示错误信息

提交表单后，您可以传递该图像信息，以便CodeIgniter可以提取图像并进行任何进一步处理（缩略图、将其从上载目录移到永久主页等）。
您可以使用常规jQuery.ajax调用上载图像，并让服务器返回上载文件的路径。成功上传后，jQuery代码可以调用图像的url并显示它。交易所基本上将遵循以下原则：

jQuery：上传图像
CodeIgniter：如果上传成功，返回上传图像的url和相对路径，否则返回错误。
jQuery：如果成功，根据返回的图像位置信息调用图像以显示图像，并将位置信息隐藏在隐藏的表单字段中。如果失败，则显示错误信息

提交表单后，您可以传递该图像信息，以便CodeIgniter可以提取该图像并进行任何进一步处理（缩略图、将其从上载目录移到永久主页等）。
仍然不知道如何使用它。没有fineuploader.js文件。当我使用uploader.jsn jquery-plugin.js时，我不工作think@AganVikry请看一下文档，并下载合并版本。仍然不知道如何使用它。没有fineuploader.js文件。当我使用uploader.jsn jquery-plugin.js时，我不工作think@AganVikry请查看文档，并下载合并版本。
<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>