如何使用JS获取当前页面中所有图片的地址_框架

var imgScrs="";

var imgs = documentgetElementsByTagName("img");

for(var i=0;i<imgslength;i++){

imgScrs+=imgs [i]src;

if(i+1<imgslength)imgScrs+="|";

}

获得文件大小大概有两种解决方法：

(一)使用documentgetElementById或者documentcreateElement的或者var img=new Image();

然后在onreadystatechange事件里检查大小

但这种代码通用性不强浏览器兼容存在问题一直无法解决

(二)使用FSO控件，但这样存在安全问题

function ShowSize(files){

var fso,f;

fso=new ActiveXObject("ScriptingFileSystemObject");

f=fsoGetFile(files);

var mySize = fsize/1024;

alert(mySize+" K ");

var myName = fName;

var myPath = fPath;

var myDrive = fDrive;

var myType = ftype;

var myAttributes = fAttributes;

var myDateCreated = fDateCreated;

}

</script>

所以说要在客户端检测文件大小没有实现方法。

最终解决方案还是在服务器端检测，在上传的过程中，在服务器的内存中进行判断并返回信息给客户端。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

var imgs = documentgetElementsByTagName("img");var imgURLs=new Array(imgslength);for(var i = 0;i<imgslength;i++){ imgURLs[i] = imgs[i]src;//如果用documentgetElementsByTagName("img")[i]src;每取一个地址就会对全部查找一次，这样效率比较低，还是储存在imgs中比较好！}//以上代码最好放在页面的最后面，或windowonload事件里，这样就不会因为页面没有全部加载完而没有全部读取到img元素使用js获取页面中所有的地址

documentgetElementByTagName("img")[0]src

其中,documentgetElementById("img")是获取页面中所有的img标签返回的是一个数组

如果你知道父级的id可以在前面加上,

documentgetElementById("id")getElementByTagName("img")[0]src

这样就是制定的位置下的所有的了

不是用js 而是css 显示时截取的一部分

方法一：

上面代码中，div中的属性都很重要。（sy，ex，ey，sx）

方法二：

<style>

span {

display: block;//一定要有

background-image:url(webIndex_01sgif);

background-repeat: no-repeat;

background-position: -336px -33px;//要显示的区域坐标，左上角为原点

width: 200px;//显示区域的宽和高

height: 25px;

}

</style>

方法三：

注意：的大小必须和大图的尺寸一样，而不是显示区域的尺寸

以上就是关于如何使用JS获取当前页面中所有图片的地址全部的内容，包括:如何使用JS获取当前页面中所有图片的地址、求JS获取图片大小和尺寸的代码、如何通过JS获取用户本地图片路径等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/9551466.html

如何使用JS获取当前页面中所有图片的地址

发表评论

评论列表（0条）