如何在opencart中创建具有多个图像存储的图像管理器

时间:2013-05-29 11:06:17

标签: php javascript jquery opencart

我目前正在开发购物车Eshop。在那个开放式推车前端,我只是想表现出来 管理员面板中的产品形式的文件管理器,可以使用javascript添加和删除产品图像。此外,文件管理器可用于上传产品的文件。 就像那样,前端可用于显示文件管理器和上传概念。在这里,我使用此代码来显示图像概念。

<script type="text/javascript"><!--
var image_row = <?php echo $image_row; ?>;

function addImage() {

    html  = '<tbody id="image-row">';
    html += '  <tr>';
    html += '<td class="left"><div class="image"><img src="image/no_image.jpg" alt="" id="thumb" /></td>';
html += '  </tr>';
    html += '</tbody>';

    $('#images tfoot').before(html);

    image_row++;
}
//--></script>

此外,我可以t proceed to other work for file manager..I can在前端显示文件管理器..

<script type="text/javascript"><!--
function image_upload(field,thumb) {
    alert(thumb);
    alert(field);

    $('#dialog').remove();

    $('#content').prepend('<div id="dialog" style="padding: 3px 0px 0px 0px;"><iframe src="index.php?route=common/filemanager&field=' + encodeURIComponent(field) + '" style="padding:0; margin: 0; display: block; width: 100%; height: 100%;" frameborder="no" scrolling="auto"></iframe></div>');

$('#dialog').dialog({
        title: '<?php echo $text_image_manager; ?>',
        close: function (event, ui) {
            if ($('#' + field).attr('value')) {
                $.ajax({
                    url: 'index.php?route=common/filemanager/image&token=<?php echo $token; ?>&image=' + encodeURIComponent($('#' + field).attr('value')),
                    dataType: 'text',
                    success: function(text) {
                        $('#' + thumb).replaceWith('<img src="' + text + '" alt="" id="' + thumb + '" />');
                    }
                });
            }
        },  
        bgiframe: false,
        width: 800,
        height: 400,
        resizable: false,
        modal: false
    });
}
//--></script> 

这个脚本对于前端的图像管理器没有用。我这个概念差不多用了一个星期。这就是示例URL ..对我来说.. This is example url not my site.。我只是想像图像管理器那样展示以上url。我怎么能解决它...请指导我...我正在努力一个星期..

(抱歉英语不好)

2 个答案:

答案 0 :(得分:0)

为了在购买产品之前上传图片,最简单的方法是使用产品选项。我将描述您创建选项所需的步骤,然后将其设置为所需的产品:

  1. 在管理中,转到Catalog - &gt; Options,然后点击Insert
  2. 在表格集中
    • 选项的名称,例如要打印的图像
    • 文件
    • 的类型
    • 排序顺序为所需数量,例如 1
  3. 点击Save
  4. 现在我们已经创建了该选项,请转到Catalog - &gt; Products并点击Edit,查看您希望将选项添加到。{/ li>的产品
  5. 选择标签Option,然后在左侧开始在输入中键入“图像”(不带引号),右侧是绿色的加号按钮。
  6. 自动完成功能应立即提示完整选项名称​​要打印的图像 - 单击它并单击绿色 plus 按钮 - 该选项将添加到产品中
  7. 现在只选择是否需要要打印的图像,然后点击Save
  8. 你已经完成了。
  9. 如果是购买产品的条件,我建议强制(必填)文件上传。

答案 1 :(得分:0)

如果您希望客户在前端使用图像管理器,则必须将其复制到目录文件夹,最好是在控制器文件夹之后以与管理部分中的文件相同的目录树顺序。前端的ex route = common / filemanager / image正在查找store / catalog / common / filemanage.php和/ image作为此文件中的方法或函数。因此,您必须将文件复制到需要的商店端,可能会更改一些路径,构建例程以决定谁可以使用工具以及工具的使用范围。 希望这可以帮助。 我碰巧正在做一个类似的项目。