js获取导入图片的路径，js获取图片的绝对路径

如何通过JS获取用户本地图片路径

javascript中img.src属性可以获取到图片的完整路径， 相对路径要通过与相对位置计算得出。计算方法：先要明确自己的相对位置在哪，这个是需要人为指定的。

本地的图片？HTML只能连接网站内的图片，即使在本地，也需要先将图片拷贝到网站内。

如果图片没有放到服务器上，只是代码放上，想要JS读取本地的图片资源是没办法的。你做的上传功能放到服务器不能显示并不是因为图片保存在本地了，而是你的图片保存到服务器但缩略图引用路径不正常。

使用getAttribute方法取就是当前标签的src值。

相关问答

Q1: 如何用js怎么获取到图片的相对路径

1、javascript中img.src属性可以获取到图片的完整路径， 相对路径要通过与相对位置计算得出。计算方法：先要明确自己的相对位置在哪，这个是需要人为指定的。

2、本地的图片？HTML只能连接网站内的图片，即使在本地，也需要先将图片拷贝到网站内。

3、使用getAttribute方法取就是当前标签的src值。

4、在js中直接调用图片的路径就可以了 如下代码，将当前目录下的image文件夹中的pic.jpg的路径赋值给picurl var picurl=image/pic.jpg； 想在那里调用直接用 picurl 调用就行了。

5、如果图片没有放到服务器上，只是代码放上，想要JS读取本地的图片资源是没办法的。你做的上传功能放到服务器不能显示并不是因为图片保存在本地了，而是你的图片保存到服务器但缩略图引用路径不正常。

Q2: 详解Vue.js中引入图片路径的几种方式

1、首先，vue项目有两个地方可以存放静态资源。一个是assets文件夹，一个是static文件夹（地址栏输入static可以直接访问）。放到static里面webpack打包后只会把资源复制到发布目录而不会把小图片优化为base64。

2、我们需要在template，script，style下引用图片，如下。比如 这里能用 @assets 是因为在 vue.config.js 里面设置了如下参数。

3、在uniapp、index.vue中导入图片的方法分别如下：在uniapp导入图片的方法是在js中通过require() 引入图片（图片大小不能超过3kb）或在html中通过相对路径引入（绝对路径打包后图片不显示）。

关于js获取导入图片的路径和js获取图片的绝对路径的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。