jquery - 允许用户上传图片并添加标题/简短描述

标签 jquery html css

我想在我的页面上创建一个 DIV,代表一个名为促销的部分。

  1. 在此 DIV 中,我想创建三个圆形框,用户可以在其中上传/更改图片,以显示排名前三的促销商品。我该如何解决这个问题?

  2. 在这些图片旁边/下方,我希望用户也能够放置标题/简短描述 - 如何做到这一点?

  3. 还有一个“查看所有”选项,以便用户可以查看另一个网页上的所有图像。

是否也希望使用 jQuery 将它放在水平旋转木马中?

最佳答案

1) 和 2) 创建 3 个 div,并为它们设置边框(使用 css)。在每个 div 中放置一个 iframe,它使用表单调用 php 脚本,文件输入上传图像并添加标题/描述。可选,在用户上传图像后,您可以调用容器页面上的 js 函数(类似于 parent.myFunction())来执行任何所需的操作(例如显示链接以将图像视为轮播。

放置一个 iframe 并在那里加载图像的想法,只是为了让您可以上传需要重新加载页面的图像,您可以做同样的事情,只需将表单放在 divs 中,将 iframe 涂白,但是页面将在每次上传时重新加载。

对于 3) 我帮不了你,我通常将 mootools 用于 js,但无论如何在网络上有大量的 jquery 脚本:)

关于jquery - 允许用户上传图片并添加标题/简短描述,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3078247/

相关文章:

javascript - 克隆div元素并使用相同的按钮操作原始元素和克隆元素?

javascript - if .html() 有特定值

javascript - 网格系统额外空间右侧

css - 我如何给 :hover selection to other elements when I'm actually hovering on something other than the element I'm giving the style to?

javascript - 如何在使用 jQuery 单击一个主体后停止动画

javascript - 我怎么知道哪个脚本文件正在加载 Click 事件

javascript - 查找数组中所有出现的单词

javascript - 使元素自动适应父级 w/o 表/javascript 的宽度

javascript - 媒体查询断点上的 CSS 重置值(调整窗口大小或方向更改)

html - 如何对齐图像并将信息放在图像下方