2014-09-19 4 views
0

я хочу, чтобы сделать загрузку изображения без файлового менеджера, я хочу загрузить каталог с компьютераМогу ли я загрузить изображение без файлменеджер

HTML код

<div id="tab-image"> 
 
      <table id="images" class="list"> 
 
      <thead> 
 
      
 
      <tr> 
 
       <td class="left"><?php echo $entry_title; ?></td> 
 
       <td class="left"><?php echo $entry_link; ?></td> 
 
       <td class="left"><?php echo $entry_image_banner; ?></td> 
 
      <td></td> 
 
      </tr> 
 
      
 
      </thead> 
 
      <?php $image_row = 0; ?> 
 
      <?php foreach ($shop_images as $shop_image) { ?> 
 
      <tbody id="image-row<?php echo $image_row; ?>"> 
 
      <tr> 
 
       <td class="left"><?php foreach ($languages as $language) { ?> 
 
       <input type="text" name="shop_image[<?php echo $image_row; ?>][shop_image_description][<?php echo $language['language_id']; ?>][title]" value="<?php echo isset($shop_image['shop_image_description'][$language['language_id']]) ? $shop_image['shop_image_description'][$language['language_id']]['title'] : ''; ?>" /> 
 
       <img src="catalog/view/theme/mall/image/flags/<?php echo $language['image']; ?>" title="<?php echo $language['name']; ?>" /><br /> 
 
       <?php if (isset($error_shop_image[$image_row][$language['language_id']])) { ?> 
 
       <span class="error"><?php echo $error_shop_image[$image_row][$language['language_id']]; ?></span> 
 
       <?php } ?> 
 
       <?php } ?></td> 
 
       <td class="left"><input type="text" name="shop_image[<?php echo $image_row; ?>][link]" value="<?php echo $shop_image['link']; ?>" /></td> 
 
       <td class="left"><div class="image"><img src="<?php echo $shop_image['thumb']; ?>" alt="" id="thumb<?php echo $image_row; ?>" /> 
 
        <input type="hidden" name="shop_image[<?php echo $image_row; ?>][image]" value="<?php echo $shop_image['image']; ?>" id="image<?php echo $image_row; ?>" /> 
 
        <br /> 
 
        <a onclick="image_upload(\'image' + image_row + '\', \'thumb' + image_row + '\');" id="simple-image"><?php echo $text_browse; ?></a>  |  <a onclick="$('#thumb<?php echo $image_row; ?>').attr('src', '<?php echo $no_image; ?>'); $('#image<?php echo $image_row; ?>').attr('value', '');"><?php echo $text_clear; ?></a></div></td> 
 
       <td class="left"><a onclick="$('#image-row<?php echo $image_row; ?>').remove();" class="button"><?php echo $button_remove; ?></a></td> 
 
      </tr> 
 
      </tbody> 
 
      <?php $image_row++; ?> 
 
      <?php } ?> 
 
      <tfoot> 
 
      <tr> 
 
       <td colspan="3"></td> 
 
       <td class="left"><a onclick="addImage();" class="button"><?php echo $button_add_image; ?></a></td> 
 
      </tr> 
 
      </tfoot> 
 
     </table> 
 
     </div>

и Javascript код строки изображения является: -

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

 
    function addImage() { 
 
     html = '<tbody id="image-row' + image_row + '">'; 
 
    \t html += ' <tr>'; 
 
    \t html += ' <td class="left"><div class="image"><img src="<?php echo $no_image; ?>" alt="" id="thumb' + image_row + '" /><input type="hidden" name="product_image[' + image_row + '][image]" value="" id="image' + image_row + '" /><br /><a onclick="image_upload(\'image' + image_row + '\', \'thumb' + image_row + '\');" id="simple-image"><?php echo $text_browse; ?></a>  |  <a onclick="$(\'#thumb' + image_row + '\').attr(\'src\', \'<?php echo $no_image; ?>\'); $(\'#image' + image_row + '\').attr(\'value\', \'\');"><?php echo $text_clear; ?></a></div></td>'; 
 
    \t html += ' <td class="right"><input type="text" name="product_image[' + image_row + '][sort_order]" value="" size="2" /></td>'; 
 
    \t html += ' <td class="left"><a onclick="$(\'#image-row' + image_row + '\').remove();" class="button"><?php echo $button_remove; ?></a></td>'; 
 
    \t html += ' </tr>'; 
 
    \t html += '</tbody>'; 
 
    \t 
 
    \t $('#images tfoot').before(html); 
 
    \t 
 
    \t image_row++; 
 
    } 
 
    //--></script>
и другие Javascript код, который делает работу с файловыми менеджерами является:

<script type="text/javascript"><!-- 
 
function image_upload(field, thumb) { 
 
\t $('#dialog').remove(); 
 
\t 
 
\t $('#content').prepend('<div id="dialog" style="padding: 3px 0px 0px 0px;"><iframe src="index.php?route=common/filemanager&token=<?php echo $token; ?>&field=' + encodeURIComponent(field) + '" style="padding:0; margin: 0; display: block; width: 100%; height: 100%;" frameborder="no" scrolling="auto"></iframe></div>'); 
 
\t 
 
\t $('#dialog').dialog({ 
 
\t \t title: '<?php echo $text_image_manager; ?>', 
 
\t \t close: function (event, ui) { 
 
\t \t \t if ($('#' + field).attr('value')) { 
 
\t \t \t \t $.ajax({ 
 
\t \t \t \t \t url: 'index.php?route=common/filemanager/image&token=<?php echo $token; ?>&image=' + encodeURIComponent($('#' + field).attr('value')), 
 
\t \t \t \t \t dataType: 'text', 
 
\t \t \t \t \t success: function(text) { 
 
\t \t \t \t \t \t $('#' + thumb).replaceWith('<img src="' + text + '" alt="" id="' + thumb + '" />'); 
 
\t \t \t \t \t } 
 
\t \t \t \t }); 
 
\t \t \t } 
 
\t \t }, \t 
 
\t \t bgiframe: false, 
 
\t \t width: 800, 
 
\t \t height: 400, 
 
\t \t resizable: false, 
 
\t \t modal: false 
 
\t }); 
 
}; 
 
//--></script>

ваша помощь, пожалуйста,

я достиг к этому яваскрипту кода, который заставит меня просматривать изображение с ПК положить его работать только первый ряд. я хочу это работать на каждой строке, что я добавить

<script type="text/javascript"><!-- 
 

 
function image_upload(field, thumb) {  
 
var btnUpload=$('#simple-image'); 
 
\t \t new AjaxUpload(btnUpload, { 
 
\t \t action: 'index.php?route=common/filemanager/upload&image=' + encodeURIComponent($('#' + field).attr('value')), 
 
\t \t name: 'image', 
 
\t \t autoSubmit: true, 
 
\t \t responseType: 'json', 
 
     
 
\t \t onChange: function(file, extension) { 
 
\t \t \t 
 
\t \t \t this.setData({'directory': ''}); 
 
     this.submit(); 
 
\t \t }, 
 
     
 
\t \t onSubmit: function(file, extension) { 
 
\t \t \t $('#upload').append('<img src="catalog/view/theme/mall/image/loading.gif" class="loading" style="padding-left: 5px;" />'); 
 
\t \t }, 
 
\t \t onComplete: function(file, json) { 
 
\t \t \t if (json.success) { 
 
      $('#' + field).attr('value','data/user/'+file); 
 
\t \t \t \t $.ajax({ 
 
\t \t \t \t \t \t url: 'index.php?route=common/filemanager/image&image=' + encodeURIComponent($('#' + field).attr('value')), 
 
\t \t \t \t \t dataType: 'text', 
 
\t \t \t \t \t success: function(text) { 
 
\t \t \t \t \t $('#' + thumb).replaceWith('<img src="' + text + '" alt="" id="' + thumb + '" />');       
 
\t \t \t \t \t } 
 
\t \t \t \t }); 
 
\t \t \t } 
 
\t \t \t 
 
\t \t \t if (json.error) { 
 
\t \t \t \t alert(json.error); 
 
\t \t \t } 
 
      \t \t \t 
 
\t \t \t $('.loading').remove(); \t 
 
\t \t } 
 
\t \t \t }); 
 
\t \t 
 
    
 
\t \t }; 
 

 

 

 
//--></script>

+0

Что вы подразумеваете под файловым менеджером? – Markasoftware

+0

означает, что без диалога с файловым менеджером я хочу напрямую просматривать с ПК –

+0

Вы слышали о ''? – shadyyx

ответ

0

Вы можете использовать менеджер FTP для загрузки файлов. Что-то вроде Filezilla, которое доступно для Mac Windows и Linux, должно работать хорошо. Просто FTP на ваш сервер, и вы можете загружать их прямо с вашего ПК.

+0

это dosnot i mean –

+1

Не могли бы вы это уточнить? – user4061450

+0

Я хочу сделать последний код javascript, который я разместил для нескольких строк изображения в соответствии с html-кодом в верхней части сообщения –

Смежные вопросы