Jquery动态改变图片IMG的src地址示例？
可以使用jQuery的“attr”方法改变img的图片路径。
1、新建html文档，在body标签中添加img标签，设置图片的路径为“a.png”，然后引入文件：
2、为img标签添加id“demo”，然后添加脚本代码“$("#demo").attr("src", "b.png");”，代码的意思先获取img标签，然后将路径改为“b.png”：
3、用浏览器打开网页，按F12键打开网页源码，可以查看img路径已经从“a.png”换成“b.png”了：
怎么才能把图片弄到网页上？
首先回答下题主的问题:
①是否可以实现，以及如何实现？
答:可以实现,而且是前端实现,详细说明在下面
②如果可以实现，对于用户上传的图片格式有无限制？（PNG/JPG等）
答:
没有任何限制以下是详细说明:
前端用
html2canvas.js
可以把html转成canvas
最后输出base64
码图片用法非常简单.
注意:示例中使用了
jquery
库.使用以下代码生成:
第一个参数是要捕捉的区域
第二个参数负责生成
生成的
base64
图片码类似这样如果题主的后端需要保存可以用PHP的GD库处理这个base64然后直接输出成图片文件
前端只要将base64放到a标签的href里让用户点击即可查看/下载
可以到我写的
工作流程图
里看看效果首先拖几个控件到设计区域
然后点击 保存 - 保存为图片 Download
一张图片就出来了
不过它是不支持CSS3部分属性的
但是根据题主的描述,应该不会用到CSS3,所以
html2canvas+GD库
足够用了html如何让照片放在照片上？
在HTML中，可以使用CSS的position属性来实现让照片放在照片上的效果。
具体步骤如下：1. 首先，确保你已经在HTML中插入了两张照片的img标签，并为它们设置了相应的src属性。
2. 在CSS中，为第二张照片的样式选择器添加position属性，并将其值设置为"absolute"，这将使该照片脱离文档流，并可以通过top、left、right和bottom属性来定位。
3. 使用top、left、right和bottom属性来调整第二张照片在页面上的位置，以使其覆盖在第一张照片上。
4. 可以通过z-index属性来控制两张照片的层叠顺序，确保第二张照片位于第一张照片的上方。
除了使用CSS的position属性，还可以使用其他方法来实现照片放在照片上的效果。
例如，可以使用CSS的background-image属性将第一张照片设置为元素的背景，并使用background-image属性将第二张照片设置为该元素的背景。
这样，第二张照片就可以放在第一张照片上。
此外，还可以使用JavaScript或jQuery等技术来实现更复杂的效果，例如在鼠标悬停时显示第二张照片。
要在HTML中将照片放在照片上，可以使用CSS的position属性来实现。首先，将照片作为背景图像应用于一个容器元素，然后使用position:relative;来设置容器元素的定位。
接下来，创建一个子元素作为要放置在照片上的照片，使用position:absolute;来设置子元素的定位。通过调整子元素的top和left属性，可以将照片放置在照片上的任意位置。
最后，使用z-index属性来控制子元素的层叠顺序，确保照片在照片上方显示。