用js实现图片路径批量上传至数据库

最新推荐文章于 2023-05-08 10:55:36 发布

邮件名

最新推荐文章于 2023-05-08 10:55:36 发布

阅读量3.2k

点赞数 2

文章标签： javascript 图片路径批量上传数据库 php

本文链接：https://blog.csdn.net/weixin_43861391/article/details/85927697

版权

我的方法是针对一个文件夹里存了许多图片，类似下图，然后将图片路径存到数据库中，将图片存到服务器上，到时候直接根据路径调用图片
找了很久没有那种可以将图片路径批量存数据库的软件或者脚本，或者看到的都是java看不懂，就自己写了一个，有兴趣的可以看看，我尽量写的比较容易看懂。
在这里插入图片描述

1.批量得到文件中全部图片路径

在网上找了很久，还算找到一种比较容易的方法，这里我直接放链接了

https://jingyan.baidu.com/article/4b07be3cbc3c7348b380f3ab.html

通过这个方法我们可以得到 FILELIST.TXT 这个文件，里面有所有图片的路径，如下图，记住这个红框中的文件夹名称，这是你在这个文件夹下获取的图片路径。
在这里插入图片描述

2.用js处理图片路径，包装成sql语句

我直接放代码了，想要用的人直接新建一个HTML文件，直接复制粘贴就行，注意要引用自己的jquery文件

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>js实现批量图片路径传进数据库</title>
	<script src="js/jquery.min.js"></script>
</head>
<body>
<script>

let url = 'FILELIST.TXT'        // 请填写所要获取数据的文件名,如果是用我提供的方法，如果用到我上面的方法，那就是'FILELIST.TXT'

let fileName = '1'      // 请填写文件名，比如  C:\Users\Administrator\Desktop\1\五香茄子.jpg，文件名是1

let db_table = 'pic_path'   //请填写数据库中数据表名

let db_path = 'path_name'  //请填写数据表中存储图片路径的字段

getImagePath(url,fileName,db_table,db_path);

//以下是方法

function getImagePath(url,fileName,db_table,db_path){
	//利用jquery的ajax方法得到图片路径数据
	$.ajax({   //因为引用的是jquery的ajax方法，所以别忘了引用jquery

		url:url,

		type:'post',

		success:function(data){   //data就是得到的数据，是字符串类型的

			let arr = data.split("\n")  //将路径数据以换行符分成数组

			let fileName_length = fileName.length   //得到文件夹名的长度

			let arrT = arr.map(item => {

				let file_index = item.indexOf(fileName)  //得到文件夹名第一个字符的下标的位置

				let img_path = item.substr(file_index+fileName_length+1)  //截取到图片路径为：文件夹为第一个字符下标位置+文件夹长度 = 文件夹最后一个字符下标位置+1 = 图片路径

				let sql = 'INSERT INTO '+db_table+' (path_name) VALUES ("'+img_path+'");'  //将路径组成sql语句，以便存到数据库

				return sql
			})
			
			for(var i = 0 ; i < arrT.length ; i++){  

				document.write(arrT[i])  //将组成sql语句后的数据输出到浏览器上,直接复制到sql文件导入数据库就行

			}

		}
	})
}

</script>	
</body>
</html>

算了，我再写一下如何传进数据库把。
最简单的方法就是：最后我将sql语句全部输出到浏览器上，就类似这样
在这里插入图片描述

然后ctrl+a，ctrl+c全部复制了，在电脑上建一个’xxx.sql’的文件，记事本打开粘贴进去，然后导入数据库，这里我用的是php的数据库phpmyadmin
在这里插入图片描述

补充一点：

如果出现乱码的问题，你要讲FILELIST文件重新保存成为utf-8的编码格式，如下图，然后再用js脚本进行处理
在这里插入图片描述

邮件名

关注

2
点赞
踩
16

收藏

觉得还不错? 一键收藏
5
评论
用js实现图片路径批量上传至数据库

我的方法是针对一个文件夹里存了许多图片，类似下图，然后将图片路径存到数据库中，将图片存到服务器上，到时候直接根据路径调用图片找了很久没有那种可以将图片路径批量存数据库的软件或者脚本，或者看到的都是java看不懂，就自己写了一个，有兴趣的可以看看，我尽量写的比较容易看懂。1.批量得到文件中全部图片路径在网上找了很久，还算找到一种比较容易的方法，这里我直接放链接了https://jingy...
复制链接

扫一扫