Что нового

Загрузка изображения через xfield

  • Автор темы Автор темы mondolfo
  • Дата начала Дата начала

mondolfo

Посетитель
Регистрация
29 Сен 2024
Сообщения
112
Реакции
27
Здравствуйте, кто нибудь знаете, как загрузить картинку через xfield без прогрессбара и без предварительного просмотра через форму загрузки новостей на сайте?
Чтобы изображение было загружено на сервер так же, как изображение профиля пользователя на странице пользователя.
 
нет никаких идей?
 
не совсем понятно что вы хотите
Untitled-1.png

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

Вот как, без прогресса загрузки и предварительного просмотра:
Untitled-2.png
 
Посмотреть вложение 4967

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

Вот как, без прогресса загрузки и предварительного просмотра:
Посмотреть вложение 4968
в админпанели я думаю никак, если только плагин писать, а на сайте можно будет реализовать
 
Untitled-2.png

У меня такая форма для прикрепления фотографий..При выборе изображения появляется предварительный просмотр.
и как сделать с display:none я даже представить не могу
 
ну гадать на кофейной гуще тоже не вариант.
скидывай ссылку, глянем
 
Ну если тебе нужно вот так:
1739264169382.png

то в addnews.tpl замени вот это:
HTML:
<div class="position-relative d-inline-block">
    <div class="position-absolute top-100 start-100 translate-middle">
        <label for="xf_poster" class="mb-0" data-bs-toggle="tooltip" data-bs-placement="right" title="Выбрать изображение">
            <div class="avatar-xs">
                <div class="avatar-title bg-light border rounded-circle text-muted cursor-pointer">
                    <i class="ri-image-fill"></i>
                </div>
            </div>
        </label>
        <input class="form-control d-none" type="file" name="xfield[poster]" id="xf_poster" data-alert="poster" value="" accept="image/png, image/gif, image/jpeg">
    </div>
    <div class="avatar-lg">
        <div class="avatar-title bg-light rounded">
            <img src="" id="product-img" class="avatar-md h-auto">
        </div>
    </div>
</div>

на вот это:
HTML:
<input class="form-control" type="file" name="xfield[poster]" id="xf_poster" data-alert="poster" accept="image/png, image/gif, image/jpeg">
 
Ну если тебе нужно вот так:
Посмотреть вложение 4971

то в addnews.tpl замени вот это:
HTML:
<div class="position-relative d-inline-block">
    <div class="position-absolute top-100 start-100 translate-middle">
        <label for="xf_poster" class="mb-0" data-bs-toggle="tooltip" data-bs-placement="right" title="Выбрать изображение">
            <div class="avatar-xs">
                <div class="avatar-title bg-light border rounded-circle text-muted cursor-pointer">
                    <i class="ri-image-fill"></i>
                </div>
            </div>
        </label>
        <input class="form-control d-none" type="file" name="xfield[poster]" id="xf_poster" data-alert="poster" value="" accept="image/png, image/gif, image/jpeg">
    </div>
    <div class="avatar-lg">
        <div class="avatar-title bg-light rounded">
            <img src="" id="product-img" class="avatar-md h-auto">
        </div>
    </div>
</div>

на вот это:
HTML:
<input class="form-control" type="file" name="xfield[poster]" id="xf_poster" data-alert="poster" accept="image/png, image/gif, image/jpeg">


Я понимаю, но это так не работает... ничего не загружается.
 
Я понимаю, но это так не работает... ничего не загружается.
Быть не может. Я может в синтаксисе немного ошибся, но смысл тот же. Нужно просто убрать все лишнее и оставить только <input ...>
 
Быть не может. Я может в синтаксисе немного ошибся, но смысл тот же. Нужно просто убрать все лишнее и оставить только <input ...>
У меня есть такой код:

HTML:
                                <div class="card">
                                    <div class="card-header">
                                        <h5 class="card-title mb-0">Фотографии</h5>
                                    </div>
                                    <div class="card-body">
                                        <div class="mb-4">
                                            <h5 class="fs-15 mb-1">Основное изображение</h5>
                                            <p class="text-muted">Добавьте основное изображение.</p>
                                            <div class="text-center">
                                                <div class="position-relative d-inline-block">
                                                    <div class="position-absolute top-100 start-100 translate-middle">
                                                        <label for="xf_poster" class="mb-0" data-bs-toggle="tooltip" data-bs-placement="right" title="Выбрать изображение">
                                                            <div class="avatar-xs">
                                                                <div class="avatar-title bg-light border rounded-circle text-muted cursor-pointer">
                                                                    <i class="ri-image-fill"></i>
                                                                </div>
                                                            </div>
                                                        </label>
                                                        <input class="form-control d-none" type="file" name="xfield[poster]" id="xf_poster" data-alert="poster" value="" accept="image/png, image/gif, image/jpeg">
                                                    </div>
                                                    <div class="avatar-lg">
                                                        <div class="avatar-title bg-light rounded">
                                                            <img src="" id="product-img" class="avatar-md h-auto" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div>
                                            <h5 class="fs-15 mb-1">Галерея блюд</h5>
                                            <p class="text-muted">Добавьте галерею изображений блюда (макс. 4 шт.).</p>

                                            <div class="dropzone">
                                                <div class="fallback">  
                                                    <input type="file" name="xfield[nuotraukos]" id="xf_nuotraukos" data-alert="Фотографии" multiple="multiple" accept="image/jpeg, image/png, image/gif, image/webp">
                                                </div>
                                                <div class="dz-message needsclick">
                                                    <div class="mb-3">
                                                        <i class="display-4 text-muted ri-upload-cloud-2-fill"></i>
                                                    </div>
                                                    <h5>Перетащите файлы сюда или щелкните, чтобы загрузить.</h5>
                                                </div>
                                            </div>
                                   
                                            <ul class="list-unstyled mb-0" id="dropzone-preview">
                                                <li class="mt-2" id="dropzone-preview-list">
                                                    <div class="border rounded">
                                                        <div class="d-flex p-2">
                                                            <div class="flex-shrink-0 me-3">
                                                                <div class="avatar-sm bg-light rounded">
                                                                    <img data-dz-thumbnail class="img-fluid rounded d-block" src="#" alt="Изображение" />
                                                                </div>
                                                            </div>
                                                            <div class="flex-grow-1">
                                                                <div class="pt-1">
                                                                    <h5 class="fs-14 mb-1 text-break" data-dz-name>&nbsp;</h5>
                                                                    <p class="fs-13 text-muted mb-0" data-dz-size></p>
                                                                    <strong class="error text-danger" data-dz-errormessage></strong>
                                                                </div>
                                                            </div>
                                                            <div class="flex-shrink-0 ms-3">
                                                                <button data-dz-remove class="btn btn-sm btn-danger">Удалить</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>

и не работает, потому что не загружает изображение без прогресса
 
Последнее редактирование:
у тебя же загрузка картинок происходит с помощью доп. поля? если да, то можно будет прикрутить! какая версия DLE? попробую протестировать!
да с помощью доп. поля. 17.3
  • addnews.zip
    3 КБ · ID: 4973
 
Последнее редактирование:
вообщем посмотрел, на новых версиях DLE ничего сделать нельзя там идёт жёсткая привязка загрузки файлов с админкой, только если писать отдельный плагин слишком много где менять нужно, а так же переписывать js. Смотрел на старых версиях DLE там нету жёсткой привязки поэтому там всё получалось без проблем как показывал в примере выше.
 
Верх