Предварительная загрузка изображений в прекрасный пользовательский интерфейс пользователя

Question

Недавно я тратил время на то, чтобы прекратить загрузку, чтобы работать над развивающимся проектом. У меня есть работа с некоторыми пользовательскими настройками перетаскивания n и другими параметрами (такими как удаление), встроенными в параметр fileTemplate в прекрасном загрузчике.

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

Однако я не могу найти документацию или помощь по этому вопросу. Моя первоначальная концепция заключалась в том, что на выходе был дубликат файла. Код шаблона в пределах

<div id="fine-uploader"></div> 

div. Однако при инициализации тонкой загрузки он удаляет код. Мне не нужен предустановленный код, который должен быть добавлен прекрасным загрузчиком. До тех пор, пока я могу заставить заказ работать.

Несомненно, это должен быть способ сделать это? Кто-нибудь знает? Единственный способ, который я могу придумать, - использовать фанки JS после того, как тон загружен как инициализированный. Но я не уверен на 100%, что это будет плавный процесс.

Answer 1

Желаемый результат был достигнут, просто вставив HTML в элемент списка удаленных элементов. Просто базовым jquery. IE

$('ul', $('#fine-uploader')).html(preload); 

Этот HTML-код является клоном прекрасного UI html файла uplaoder. Мне пришлось перезаписать дополнительный скрипт, чтобы обработать некоторые дополнительные функции, которые я добавил, но это оказалось минимальным. Все удаление, перетаскивание n drop re-ording все работает нормально. Тестирование в нескольких браузерах и пока не найдено. Не изящный способ, который я предпочитаю кодировать, но до сих пор хорошо работаю.

Answer 2

Вопрос, кажется, выходит за рамки того, что делает и предлагает Fine Uploader. Fine Uploader - это просто инструмент, помогающий разработчикам эффективно эффективно загружать файлы на своем веб-сайте. В этом смысле Fine Uploader действует на KISS principle. После того, как файлы загружены, Fine Uploader совсем не заботится о том, что вы с ними делаете, и, по сути, имеет очень мало полномочий над вашими файлами.

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

Я не знаю стека, который вы используете для своего веб-приложения, или требований к тому, что вы хотите, поэтому это может быть немного неопределенным, но вам нужно будет выяснить, как сохранить ' состояния "вашего веб-приложения. Есть много способов обойти это. Возможно, при каждой успешной загрузке вы сохраните URL-адрес файла в localstorage, cookie или в удаленной базе данных. Вам нужно будет реализовать некоторый код для извлечения этих записей, а затем ПОЛУЧИТЬ их с сервера, на котором они хранятся, а затем отобразить их на странице.

Каким бы способом вы его не нарезали, это немного нужно сделать. Мой ответ, вероятно, можно было бы разделить на как минимум 3 отдельных вопроса (в зависимости от вашего понимания веб-технологий). Опять же, не зная, какие технологии вы используете, трудно диагностировать и предложить подробное решение.

Answer 3

Mark's answer охватывает это очень красиво, но я расскажу о том, что он здесь сказал.

Shane, Fine Uploader - это инструмент, предоставляющий поддержку перекрестного браузера для загрузки существующего веб-приложения. Это не веб-приложение под ключ в коробке. И не должно быть. Проблема загрузки файлов кросс-браузера вместе со всеми связанными функциями достаточно сложна. Ваше требование не имеет никакого отношения к загрузке файлов. Он недоступен для любого кросс-браузера. Это заявления, которые я делаю, основываясь на моем понимании вашего требования, которое очень сложно выполнить, поскольку вы не предоставили много деталей.

После того, как файлы были загружены, а страница/компонент был уволен, выполняется работа Fine Uploader. Если вы хотите предоставить своим пользователям способ редактировать существующие файлы, вы должны это сделать, но вы не должны ожидать, что библиотека загрузки поможет в этом.Fine Uploader не является универсальным инструментом пользовательского интерфейса, и он не является чем-то другим, кроме библиотеки, позволяющим загружать файлы с несколькими браузерами вместе со всеми тесно связанными функциями. Никакая другая библиотека загрузки не будет вести себя как универсальный инструмент пользовательского интерфейса. Если ваш дизайн приложения зависит от того, какой инструмент загрузки отвечает за создание случайных частей вашего пользовательского интерфейса и поддержку функций, не связанных с загрузкой, я настоятельно рекомендую вам пересмотреть дизайн своего веб-приложения.

Пользовательский интерфейс по умолчанию для Fine Uploader очень простой и предназначен только для задачи распространения состояния загрузки файлов для пользователя и решения тесно связанных задач. Подумайте об этой (или любой) библиотеке загрузки в качестве молотка. Это здорово, когда стучат ногти. Кажется, вы хотите, чтобы оба фунта гвоздей и видели дерево, с тем же инструментом. Я полагаю, мы могли бы взять молоток и добавить зазубренную мягкость в сторону от него, но это сделало бы его менее эффективным и неудобным, чтобы использовать инструмент как для забивания ногтей, так и для распиловки древесины. Используйте молоток для забивания гвоздей и пилу для резки дерева.

Наконец, я немного обеспокоен или смущен тем, что вы, по-видимому, изменили опцию fileTemplate, чтобы добавить «другие параметры (такие как удаление)» в библиотеку. Я не уверен, знаете ли вы, что удаление файла уже является частью, встроенной в библиотеку. Я не уверен, что вы используете старую версию библиотеки, если вы просто пропустили это в документации, или я не понимаю вас.