如何用js脚本在html中批量加入图片？_百度知道
如何用js脚本在html中批量加入图片？
js脚本在html中批量加入图片,我们需要设置一个父类的div，然后在创建子类，在创建好一个img的子类，将图片都添加进来，&html&
&div id='parent'&
&div class='pin'&&/div&
&/div&
&/body&&script&var oPin = document.createElement('div');oPin.className = 'pin';oParent.appendChild(oPin);var oImg = document.createElement('img');loadImg('./image/'+ data[i].src,callBack,oImg);
//这里是你的图片地址oImg.src = './image/'+ data[i].oPin.appendChild(oImg);&/script&&/html&
其他类似问题
为您推荐：
提问者采纳
这个用jQuery实现很简单的，代码如下：for(var i =1;i&=75;i++){$(&#divContainer&).append(&&div& &input type=\&radio\& name=\&face\& /& &img src=\&images/QQ/& + i + &.gif\& /&&);//divContainer为添加容器div的id}
提问者评价
js脚本的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：515332次
积分：13105
积分：13105
排名：第548名
原创：818篇
评论：25条如何用JS控制html中的IMG标签？若IMG的src为空时，则不显示img，否则就显示img。。。求助！_百度知道
如何用JS控制html中的IMG标签？若IMG的src为空时，则不显示img，否则就显示img。。。求助！
方法一就一句，可以隐藏某一个特定的IMG：&img src=&& onerror=&this.style.display='none'&& &img src=&不存在.jpg& onerror=&this.style.display='none'&& 方法二，可以隐藏页面所有src指向不存在图片的IMG：如下：&script&window,onload=function(){var imgs=document.getElementsByTagName('img');for(var i=0,j=imgs.i&j;i++){ (imgs[i].onerror=function(){
imgs[i].style.display='none'; })();
//注意这里的写法。形如(function(){...})()，这是js里的一种特殊写法，很有效。
}}&/script&&img src=&&&&img src=&1.jpg&&&img src=&2.jpg&&&IMG src=&3.jpg&&
其他类似问题
为您推荐：
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁如何把&img&元素里面的图片的base64编码获取？_问答_ThinkSAAS
如何把&img&元素里面的图片的base64编码获取？
如何把&img&元素里面的图片的base64编码获取？
这是接着之前的问题提问
现在安卓返回路径，file://这样放到img的src中的了，但是html中又怎么再获取这个img的base64呢？因为现在接口定义了是传base64的.
我查了一下网上都是利用file对象去做的
但是现在没有这个file对象，可以怎么处理？
比如把安卓返回路径怎么处理到input file里面能获到file对象？
或者img有没有内置方法直接获取到base64？
按投票排序
0支持&&/&&0反对
我觉得定义一个java类操作文件，用js去调用它，最直接最简单。
如果不用file:// 访问的话，倒是还可以使用CORS解决跨域、canvas的getImageData、toDataURL之类的方法读取数据。
0支持&&/&&0反对
你好 你那个问题解决了吗 我也碰到这样的问题 想问问你是怎么实现本地图片上传后怎么转换成base64编码的，求回答下！ 谢谢
0支持&&/&&0反对
问题： 在前端如何将image转成base64编码？
要实现这个功能，要使用canvas来做，Canvas里面提供了一个toDataURL的接口，可以用这个接口获得图片的base64
所以思路是：
获得canvas对象
加载图片到canvas对象里面
从canvas对象中获取base64数据
我给个例子
&!DOCTYPE html&
&html lang="en"&
&meta charset="UTF-8"&
&title&Document&/title&
&script type="text/javascript"&
function getBase64Image(img) {
var canvas = document.createElement("canvas");
canvas.width = img.
canvas.height = img.
var ctx = canvas.getContext("2d");
ctx.drawImage(img, 0, 0, img.width, img.height);
var dataURL = canvas.toDataURL("image/png");
return dataURL
// return dataURL.replace("data:image/base64,","");
function main() {
var img = document.createElement('img');
img.src = './images/yeoman.png';
img.onload =function() {
var data = getBase64Image(img);
console.log(data);
document.body.appendChild(img);
然后可以在控制台看到base64的数据
希望可以帮到你
PHP开发框架
开发工具/编程工具
服务器环境
ThinkSAAS商业授权：
ThinkSAAS为用户提供有偿个性定制开发服务
ThinkSAAS将为商业授权用户提供二次开发指导和技术支持
手机客户端
ThinkSAAS接收任何功能的Iphone(IOS)和Android手机的客户端定制开发服务
官方1群：【已满】
让ThinkSAAS更好，把建议拿来。}