我正在尝试使用react-dropzone将图像上传到流星集合:
流星包使用:meteor add jalik:ufs
和meteor add jalik:ufs-gridfs
imports/api/images
import { Meteor } from 'meteor/meteor';
import { Mongo } from 'meteor/mongo';
import { UploadFS } from 'meteor/jalik:ufs';
export const Images = new Mongo.Collection('images');
export const Thumbs = new Mongo.Collection('thumbs');
if(Meteor.isServer) {
Meteor.publish('thumbs', function(id) {
return Thumbs.find({
originalStore: 'images',
originalId: {
$in: ids
}
});
})
Meteor.publish('images', function() {
return Images.find({});
})
}
function loggedIn(userId) {
return !!userId;
}
export const ThumbsStore = new UploadFS.store.GridFS({
collection: Thumbs,
name: 'thumbs',
permissions: new UploadFS.StorePermissions({
insert: loggedIn,
update: loggedIn,
remove: loggedIn
}),
transformWrite(from, to, fileId, file) {
// Resize to 32x32
const gm = require('gm');
gm(from, file.name)
.resize(32, 32)
.gravity('Center')
.extent(32, 32)
.quality(75)
.stream()
.pipe(to);
}
});
export const ImagesStore = new UploadFS.store.GridFS({
collection: Images,
name: 'images',
permissions: new UploadFS.StorePermissions({
insert: loggedIn,
update: loggedIn,
remove: loggedIn
}),
filter: new UploadFS.Filter({
contentTypes: ['image/*']
}),
copyTo: [
ThumbsStore
]
});
Meteor.methods({
upload: function(file) {
const photo = {
name: file.name,
type: file.type,
size: file.size
};
const upload = new UploadFS.Uploader({
data: file,
file: photo,
store: ImagesStore,
onError: () => {
console.log('error');
},
onComplete: console.log('Completed'),
});
upload.start();
}
})
在我的使用react-dropzone的组件中:
onDrop(file) {
UploadFS.selectFile(() => {
Meteor.call('upload', file)
})
}
但是,当我尝试将文件放入文件中时,它什么也没显示,并且在检查了mongo命令后,根本没有图像和缩略图集合,甚至以为我将其导入服务器上的main.js文件,都没有创建。
onDrop将返回文件列表,而不是单个文件。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句