Как получить URL-адрес большого пальца в meteorjs с реакцией - PullRequest
0 голосов
/ 29 ноября 2018

Я реализовал Meteor-CollectionFS для загрузки изображений в сообщении, и все работает нормально, как загрузка и показ.

Теперь я работаю над версионированием, как будто меняю размер изображенияпри загрузке и с этим именем thumb см. код ниже

  ProjectImages = new FS.Collection('ProjectImages', {
     stores:[
        new FS.Store.FileSystem("images", {
           path: "~/files/images"
        }),
        new FS.Store.FileSystem("thumb", {
           transformWrite: function(fileObj, readStream, writeStream){
              gm(readStream, fileObj.name())
              .resize('400', '350').stream()
              .pipe(writeStream);
           }
        })
        // new FS.Store.GridFS('ProjectImages')
     ],
     filter: {
        allow: {
           contentTypes: ['image/*'],
           extensions: ['png', 'PNG', 'jpg', 'JPG', 'jpeg', 'JPEG']
        }
     }
  });

И я показываю изображение как естественное, как

this.state.events.map((event, i) => (
  ....
  <img src={ event.projectImage } />
   ....

, и оно показывает исходное изображение без изменения размерано log показывает, что изображение изменилось, см. ниже

FS.File._saveChanges: images
UPDATE: {"$set":{"copies.images":{"name":"dev.jpg","type":"image/jpeg","size":204521,"key":"ProjectImages-NSAxTejMyoQKZvQ6f-dev.jpg","updatedAt":"2018-11-29T08:08:33.230Z","createdAt":"2018-11-29T08:08:33.230Z"}}}

FS.File._saveChanges: thumb
UPDATE: {"$set":{"copies.thumb":{"name":"dev.jpg","type":"image/jpeg","size":24104,"key":"ProjectImages-NSAxTejMyoQKZvQ6f-dev.jpg","updatedAt":"2018-11-29T08:08:33.471Z","createdAt":"2018-11-29T08:08:33.471Z"}}}
......

Мой вопрос: как показать thumb изображение вместо original

Спасибо

...