如何在弹出窗口中设计广告图片?

时间:2018-01-04 08:04:07

标签: javascript iframe vue.js frontend backend

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

  1. 在html上显示一张图片,我已经在vue-cli上做了。

  2. 通过从其他网站上传可以将此图像发送到数据库后端的图像,显​​示您上传的最新图像,或者使用每天更改一次的图像。

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

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

      温馨的问候

1 个答案:

答案 0 :(得分:0)

我认为你应该在组件中指出图像源

<img :src="imagePath"> //optional you can add v-show="imagePath!=''" 
数据()中的

将您的链接放置到放置图像的静态文件夹中 对于此后端,您可以为此请求制作中间件,例如快递

app.post('/uploadImage', (req, res)=>{
    let path = './static/'+ req.files.image.name;
    fs.open.... //save image
    res.json({pathToImage: path});
});