使用Meteor和Vue在开发人员模式下显示上传的图像

我有点沮丧,因为花了很长时间才能使文件上传生效。我正在前端使用vue,并在后端使用流星。使用来自VeliovGroup的Meteor-Files完成文件上传。上载没有问题,并且在应用程序以开发人员模式运行时,文件已存储在.meteor-Directory(流星文件的默认目录)中。但是现在,如何获取上载的图像或其他文件?如果我将其用于图像的src属性,则每个文件的FileCollection中存储的路径都不正确。有什么我想念的吗?在开发人员模式下根本不可能吗?

我尝试在Meteor-Files-Settings中设置不同的storagePaths,并尝试了FileCollection中Fileobject的“路径”和“链接”属性。

<div class="" v-for="Image in getImages">
   <img :src="Image.path" />
</div>
<!-- this is the Vue-Frontend where I'm trying to display the images,getImages is the FileCollection from Meteor-Files -->

我只想显示或获取我上传的图像。

非常感谢。如果您需要特定的代码段,只需询问

马里奥

liaojiie 回答:使用Meteor和Vue在开发人员模式下显示上传的图像

当您仅对1个文件的src进行硬编码时,会发生同样的事情吗?过去,动态绑定到img标签有很多麻烦。因此,我想知道,是否仅将<img :src="Image.path" />替换为<img src="yourhardcodedfilepath" />,然后显示图像,还是显示不正确?

,

好的,我为config.storagePath选择了错误的绝对路径。现在,它可以使用正确的绝对路径。但是我仍然无法访问dev中已上传到临时构建文件夹中相对路径的已上传文件。但是我认为,我可以为此解决一个问题。

本文链接:https://www.f2er.com/3132977.html

大家都在问