js怎么改变图片位置，就是给一个坐标，图片到坐标位置

JavaScript015

js怎么改变图片位置，就是给一个坐标，图片到坐标位置,第1张

需要设置图片position:absolute这个CSS属性

然后就可以使用类似下面的方法

img假定为你要改的图片，可以使用

img=document.getElementById('图片id')得到，然后下面是位置

img.style.left="160px"

img.style.top="180px"

只有绝对定位（position:absolute）或者固定定位（position:fixed）的元素才能通过top和left等属性来改变其位置。所以你应该在css中把图片的定位属性设一下，当然用js设定也行。

另外，给p.style.top或者p.style.left赋值时，务必加上单位，比如 p.style.top="200px"，因为不这样做在有些浏览器中会出错的。

javascript中img.src属性可以获取到图片的完整路径， 相对路径要通过与相对位置计算得出。计算方法：

先要明确自己的相对位置在哪，这个是需要人为指定的。

核心代码如下：

var res=document.getElementById("img").src

var root_href='根目录路径'

res=document.getElementById("img").src.replace(root_href,'')

用jquery方法

var res=$("#img").attr("src")

res=res.substring(res.indexOf("根")+2)

更多关于在上传文件的过程得到完整路径的方法请参考如下:

file.select()

var res=document.selection.createRange().text

var res=file.files.item(0).getAsDataURL()

var res=file.value