2013-07-12 3 views
0

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

Template.uploadform.events 
    'change #upload_widget': (evt) -> 
    if console? 
     console.log JSON.stringify(evt.fpfile) 

Теперь мне нужно показать эти изображения в своем веб-приложении по этим URL-адресам. Я просто новый bie на метеор. Я использую jade-handlebars и coffeescript в своем приложении. Просьба помочь мне, как я могу показать изображения с помощью этого URL-адреса в моем приложении ???

Спасибо заранее. !!!

+2

Приведенные события eventedmind.com при загрузке файлов могут быть вам полезны. Он начинается здесь: https://www.eventedmind.com/posts/html5-introducing-the-file-api. Похоже, вы не пытаетесь загрузить, но вместо этого получите URL-адрес данных, который вы можете использовать, чтобы сразу показать изображение. Видео выше будет по-прежнему полезно, но просто читатьAsDataUrl вместо двоичного. – cmather

ответ

1
  1. Установить переменную Session можно использовать для хранения URL: Session.setDefault('uploadedImageUrl', placeholderImageUrl)

  2. После того, как изображение было загружено и у вас есть, установите переменную сессии на новый адрес: Session.set('uploadedImageUrl', fpImageUrl)

  3. Создайте вспомогательный шаблон для ссылки на переменную сеанса в шаблоне: Template.uploadform.uploadedImageUrl = -> Session.get('uploadedImageUrl')

  4. В вашем шаблоне показать i маг так: img(src="{{uploadedImageUrl}}")

После того, как изображение было загружено, ваше заполнителем изображение будет заменено на новое загруженное изображение.

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