如何在弹出窗口上设计广告图片? [关闭]

问题描述 投票:1回答:1

我想设计一个可以做到这一点的东西:

  1. 在html上显示一张图片,我已经在vue-cli中完成了。
  2. 通过从另一个站点上传图像,该图像可以将此图像发送到数据库的后端,显示您上传的最新图像,或者使用每天更改一次的图像。

所以,这是我打算做的:我已经构建了一个vue.js,我可以上传一张图片,它会发送到我有的服务器,如何显示该图片?我的朋友告诉我这与iframe有关,但我一直在寻找这个看起来很复杂的事情,有人能给我一点指导吗?

  1. 通过点击该弹出窗口上的图片,我将导航到另一个页面,同时,在此单击时,我将记录用户的IP,并且还将在后端添加一个,以记录每日点击此图片。 (这条记录的逻辑并不难,但我很困惑,我怎么能得到这些数字。)

请随意讨论相关的事情,我很困惑,并提前感谢。

温暖的问候

javascript iframe vue.js frontend backend
1个回答
0
投票

我认为你应该将图像源指向组件

<img :src="imagePath"> //optional you can add v-show="imagePath!=''" 

在data()中将链接放置到静态文件夹中,在后端为此放置图像,您可以为此请求制作中间件,如快递

app.post('/uploadImage', (req, res)=>{
    let path = './static/'+ req.files.image.name;
    fs.open.... //save image
    res.json({pathToImage: path});
});
© www.soinside.com 2019 - 2024. All rights reserved.