var img_urls = [];
var uls = documentgetElementsByTagName("ul")
for(var i=0;i<ulslength;i++){
var imgs = uls[i]getElementsByTagName("img")
img_urls[i] = [];
for(var j=0;j<imgslength;j++){
img_urls[i][j]=imgs[j]src;
}
}
var source = //地址
$("nva_kj")html('<img name="" src="'+source+'" width="60" height="60" alt="">');
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script src="jquery-311minjs"></script>
</head>
<body>
<h3>请选择文件:JPG/GIF</h3>
<form name="form0" id="form0" >
<input type="file" name="file0" id="file0" multiple="multiple" />
<br><br><img src="" id="img0" width="120">
</form>
</body>
<script>
$("#file0")change(function(){
var objUrl = getObjectURL(thisfiles[0]) ;
consolelog("objUrl = "+objUrl) ;
if (objUrl)
{
$("#img0")attr("src", objUrl);
$("#img0")removeClass("hide");
}
}) ;
//建立一个可存取到该file的url
function getObjectURL(file)
{
var url = null ;
if (windowcreateObjectURL!=undefined)
{ // basic
url = windowcreateObjectURL(file) ;
}
else if (windowURL!=undefined)
{
// mozilla(firefox)
url = windowURLcreateObjectURL(file) ;
}
else if (windowwebkitURL!=undefined) {
// webkit or chrome
url = windowwebkitURLcreateObjectURL(file) ;
}
return url ;
}
$('input')on('change',function(){
var value = $(this)val();
value = valuesplit("\\")[2];
alert(value);
})
</script>
</html>
javascript:给img节点添加一个事件句柄onload,等到加载完了就会知道执行这个onload事件。
例如:
<img stlye='display:none' onload='thisstyledisplay="block" ' />
//你要的正则表达式
var test = /\/([^\/]\jpg)/i;
var str = '<img title="C:\Users\Administrator\Pictures\2014113171913jpg" alt="C:\Users\Administrator\Pictures\2014113171913jpg" src="/upload/image/14067766625992018jpg"/>';
var img = testexec(str)[1];
alert(img);
以上就是关于关于javascript的一个数组问题!如何遍历ul(多组)下面的li的图片src地址组成数组全部的内容,包括:关于javascript的一个数组问题!如何遍历ul(多组)下面的li的图片src地址组成数组、jquery的.html()中的<img src=""> 地址""内如何加$(动态获取的img地址)、怎样用js或者jq实现点击这个图片就可以选择上传还有预览图片啊等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)