用js怎么实现点击（或拖动）左边图片显示到右边来_框架

提供一个思路,无代码

两边的容器放同样的小, 右边的全部隐藏; 两个容器设置不一样的id, 同样的设置一样的name

在左边的上绑定onclick事件, 点击后获取的name,再把右边name与点击name相同的显示出来显示之前判断右边容器是否超过了3个已显示的(用is(:visible),如果是,则返回false

项目的需求是上传一张，然后验证该的尺寸，如果跟预期的不符，就不给上传

首先，可以通过new FileReader()，再通过将上传的文件传给实例的readAsDataUrl()，当文件加载完成触发onload事件，传递event，通过eventtargetresult来获取的链接(base64格式的)

接着，new Image()实例，将上面获取的链接设置为的src属性，当加载完成触发onload事件就可以通过width、height属性来读取的长宽啦~~

1、为绑定点击事件

2、在点击事件中使用jQuery获得的src属性

3、调用文本框的val()方法，将取到的路径显示在文本框中

<html>

<head>

$(function(){

//为绑定点击事件

$("#tu")click(function(){

//获得的src属性

var url=$(this)prop("src");

//将路径赋值到文本框中

$("#txtUrl")val(url);

});

</script>

</head>

<body>

</body>

</html>

var image = new Image();

imagesrc = '地址';

imageonload = function(){

alert(imagewidth);

alert(imageheight);

}

以上就是关于用js怎么实现点击（或拖动）左边图片显示到右边来全部的内容，包括:用js怎么实现点击（或拖动）左边图片显示到右边来、js如何获取图片的尺寸、单击图片，在js里获取图片的地址，并在文本框中显示等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

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

用js怎么实现点击（或拖动）左边图片显示到右边来