js设置图片的路径，js显示图片路径

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

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

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

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

相关问答

Q1: 如何用JS给IMG赋值路径

1、在index.html中的script标签中，以百度图片为例，输入js代码：$(#lingDZP_0).attr(src， https：//)；。

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

3、如果有多个不同的目录中的网页文件需要引用一个这样的js文件的话，最好的解决办法是用绝对路径。

Q2: 用JS批量改变图片的路径

可以使用jQuery的“attr”方法改变img的图片路径。

经过在浏览起端调试，发现当src的地址不变时，浏览器会从缓存里面取出来。而浏览器缓存的还是之前的图片。所以图片不会变化。

--- 上面的js代码，实现了文件 c：\\testfile.txt---c：\\temp\\testfile.txt的拷贝。但是，由于IE安全限制，需要把浏览器的安全级别改一下，未签名的activex-- 提示。

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

js设置图片的路径的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js显示图片路径、js设置图片的路径的信息别忘了在本站进行查找喔。