一：提取文件名
1、在文件夹下打开cmd窗口，在窗口中输入dir /b>a.xls，批量提取文件下的文件名
dir /b>a.xls
2、修改文件名
将生成的文件名放在A列，在a.xls中B列写入需要修改的文件名，在C1单元格中输入以下命令行并拖拽，将生成的结果拷贝到文本文档，改名为a.bat,双击运行即可修改文件名。
="ren "&A1&" "&B1
二：提取文件路径
在文件夹下打开窗口，输入 dir 文件路径*.jpg /s /a /b>>文件路径\pic.txt 如：
dir D:\php\img\product\*.jpg /s /a /b>>"D:\php\img\product\pic.txt"
三：将文件名、文件路径和其他相关信息合成info.csv文件
四：使用.py文件将.csv文件转换成.json文件
import csv
with open("D:\\php\\img\\product\\info.csv","r") as f:
reader = csv.DictReader(f)
for row in reader:
print(row)
五：引用vue.js和axios.min.js文件
<script src="vue.js"></script>
<script src="axios.min.js"></script>
六：使用vue语法将照片显现出来
1、在html标签内部书写如下代码
<html>
<body>
<div id="app">
<input type="button" value="获取用户信息" @click="getUser()">
<ul>
<li v-for="user in arrs">{{user.name}}
<img :src="user.link_url">
</li>
</ul>
</div>
</body>
</html>
2、在script标签中书写以下代码
<script>
var vm = new Vue({
el:"#app",
data:{
arrs:[]
},
methods:{
getUser(){
axios.get("product.json").then(resp=>(
this.arrs = resp.data
))
}
},
created(){
this.getUser();
}
})
</script>
网友评论